javascript - 触发按钮点击其他元素

Question

我有“复制按钮”组件，它在应用程序的许多地方使用，并允许将信息复制到剪贴板。它有两个绑定(bind):buttonText:'@'，buttonClass:'@'，它允许更改按钮的文本并添加样式类。我需要做的是更改复制按钮的 View 并添加图标而不是默认按钮。但我无法触发该图标上的点击事件。

<div class="copy_code_bttn_block">
     <copy-button button-text="b" button-class="copy_bttn"></copy-button>
     <i class="icon-copy-code"></i>
</div>

Answer 1

复制按钮.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中，也可以在父 Controller 中

copyButton组件的使用

<copy-button on-add="ctrl.add()" is-icon="true">Test</copy-button>