angularjs - ng-click 不适用于通过 jquery append 创建的链接

Question

如果在 statis 链接上使用 Angular js 脚本的 ng-click 属性，它运行良好，代码如下所示

<div class="modal fade" id="cModal" ng-controller="modalController">
  <li id="modalp1" class="active"><a ng-click="parentOptions()" href="#">Add Parent</a></li>
</div>

如果通过 jquery append() 或 prepend() 方法动态创建示例链接，则单击事件不起作用。示例代码如下所示。

$('#cpartners').prepend("<li><a ng-click=\"parentOptions()\" href=\"#\">Add Parents (Mother & Father)</a></li>");

Controller 示例代码如下所示

function modalController($scope) {
  $scope.sthumbEdit = function() {
    $(".dur").show();
  };
  $scope.hthumbEdit = function() {
    $(".dur").hide();
  };
  $scope.parentOptions = function() {
  prepareParentOptions();
  };

  $scope.siblingOptions = function() {
   prepareSiblingOptions();
  };

  $scope.childOptions = function() {
   prepareChildOptions();
  };

}

有什么方法可以强制 ng-click 属性在动态生成的链接上运行良好。

Answer 1

如果使用 jquery 添加 html，则需要编译内容并将其注入(inject) DOM。就像是
var element = $compile('<p>{{total}}</p>')(scope);
有关示例，请参见“如何编译指令”部分 http://docs.angularjs.org/guide/compiler