javascript - 在我的情况下如何在指令中设置点击事件？

Question

我有一个这样的指令

<div my-directive="htmlItem"></div>  //htmlItem is dynamic 

我的指令

angular.module('myApp').directive('myDirective', [
    function () {
        return {
            restrict: "A",
            scope: {
                myDirective: '='
            },
            controller: myDirectiveCtrl
        };
    }]);


function myDirectiveCtrl($scope) {
    console.log($scope.myDirective)  => output html like <div>Product</div>

    //I want to add click event in my html so it becomes
    //<div ng-click="vm.clickProduct()">Product</div>
    //I do

    angular.element($scope.myDirective).find('div').attr('ng-click',  
    'vm.clickProduct()');           
}

当我从浏览器检查元素时，我在 html 中看到 vm.clickProduct() 但当我单击它时，单击事件永远不会触发。有没有办法触发vm.clickProduct()？非常感谢!

Answer 1

你需要使用 $compile 编译你的 html 来触发 ng-click 按钮。像这样$compile(yourHTML)($scope);