追加 html 在 angularjs 中包含 ng-click

Question

我在我的控制器中有这段代码我会把这个html()添加到我的html，没关系只是ng-click不起作用！你知道为什么 ng-click 不起作用吗

 var html='<div ng-click="selectedValue('+Value+')">Value</div>' ;
     $('#myDiv').html(html);

   $scope.selectedValue = function(value){
     $scope.val =value;

  };

我必须使用 ng-click 函数 selectedValue

选择 div 中显示的值

Answer 1

您应该 DOM 仅通过指令进行操作，确保您需要在注入之前编译元素。

代码

 var html='<div ng-click="selectedValue('+Value+')">Value</div>' ;
 angular.element(document.getElementByID('myDiv')).append($compile(html)(scope));

Answer 2

使用此代码：

见pluker

控制器：

var html='<div ng-click="selectedValue(value)">Value</div>',
    el = document.getElementById('myID');

$scope.value='mk';

angular.element(el).append( $compile(html)($scope) )

$scope.selectedValue = function (value) {
    $scope.val = value;
    console.log($scope.val)
};

Html:

<body ng-controller="MainCtrl">
    <div id="myID"></div>
</body>

追加 html 在 angularjs 中包含 ng-click

append a html include ng-click in angularjs

angularjs

angularjs-ng-click