angularjs – ng-click对通过jquery append创建的链接不起作用
发布时间:2020-12-17 17:52:57 所属栏目:安全 来源:网络整理
导读:如果在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 如
如果在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(); }; } 有没有办法强制执行ng-click属性在dyanmically生成的链接上运行良好. 解决方法
如果你使用jquery添加html,你需要编译内容并将其注入DOM.就像是
var element = $compile(‘< p> {{total}}< / p>‘)(范围); 有关示例http://docs.angularjs.org/guide/compiler,请参见“如何编译指令”部分 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Angular解决输入框由禁用状态转可用状态自动获取焦点失效问
- AngularJS – 当使用ng模型时,输入文本框上的值属性会被忽略
- scala – 将地图[K,选项[V]]转换为地图[K,V]的更好方法
- angularjs – 抽象:在ui-router中做什么?
- 来自同一控制器的AngularJs ng-if函数调用不起作用
- bootstrap中container类和container-fluid类的区别
- twitter-bootstrap – 引导:将按钮组添加到导航栏?
- 如何跟踪bash脚本 – 退出状态及其失败原因
- scala – 如何计算多图的逆
- cxf的webservice的Could not send Message