我有“复制按钮”组件,该组件在应用程序的许多地方都可以使用,并允许将信息复制到剪贴板。它具有两个绑定buttonText:“ @”,buttonClass:“ @”,它允许更改按钮的文本并添加样式类。我需要做的是更改复制按钮的视图并添加图标而不是默认按钮。但是我无法在此图标上触发点击事件。
<div class="copy_code_bttn_block">
<copy-button button-text="b" button-class="copy_bttn"></copy-button>
<i class="icon-copy-code"></i>
</div>
最佳答案
copyButton.html
<button ng-click="onAdd()">Add
<i class="icon-copy-code" ng-if="isIcon === true"></i>
</button>
copyButton.component.js
angular
.module('app')
.component('copyButton', {
templateUrl: 'copyButton.html',
controller: copyButtonController,
bindings: {
onAdd: '&',
isIcon: '='
}
});
这里的onAdd可以在copyButtonController或父控制器中
使用copyButton组件
<copy-button on-add="ctrl.add()" is-icon="true">Test</copy-button>
关于javascript - 触发按钮单击其他元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49791987/