javascript - 指令中的 ng-click 不起作用

Question

我想在单击复选框时执行一个函数，但没有任何反应。

当我将 sendMediaToScreen 函数放入链接 (scope.sendMediaToScreen()) 中时，该函数可以正常工作，因此 scope 没有问题>.

.directive('uxEmbedVideo', ['$compile','myURL', function( $compile, myURL ) {
    return {
        restrict: "E",
        replace: true,
        scope: {
            'clientId': '@',
            'sendMediaToScreen': '&',
            'rule': '=',
            'screenActivated' : '='
        },
        link: function( scope, element, attrs ){
        },
        templateUrl: myURL.getAppViewsPath() + '/partials/embed-video.html'
    };
}])

指令

<ux-embed-video
    rule="user.rules"
    screen-activated="room.parameters.screenActivated"
    send-media-to-screen="roomManager.sendMediaToScreen({ clientId : user.clientId, from: 'producer' })">
</ux-embed-video>

/partials/embed-video.html

<div class="ux-video-admin-controls" ng-if="rule === 'administrator'" >
    <input ng-if="screenActivated"
       restrict access="administrator"
       class="ux-admin-videoToScreen"
       type="checkbox"
       ng-click="sendMediaToScreen()"
       />
</div>

Answer 1

问题在于您 <ux-embed-video> 的使用指令。

您正在绑定(bind) roomManager.sendMediaToScreen({ clientId : user.clientId, from: 'producer' }) 的结果至scope.send-media-to-screen而不是传入回调。