如果在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>");
控制器示例代码如下所示
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();
};
}
解决方法
如果你使用jquery添加html,你需要编译内容并将其注入DOM.就像是
var element = $compile(‘< p> {{total}}< / p>‘)(范围);
有关示例http://docs.angularjs.org/guide/compiler,请参见“如何编译指令”部分
