我有“复制按钮”组件,该组件在应用程序的许多地方都可以使用,并允许将信息复制到剪贴板。它具有两个绑定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/

10-11 07:32