AngularJS和生成的元素
发布时间:2020-12-17 06:55:13 所属栏目:安全 来源:网络整理
导读:我们有一些第三方 javascript组件正在生成一些html元素.我想将它与AngularJS结合起来. 我试过这段代码 div ng-controller="ExpensesCtrl" form id="expensesform" input type="text" ng-model="expense.name" / input type="text" ng-model="expense.amount"
我们有一些第三方
javascript组件正在生成一些html元素.我想将它与AngularJS结合起来.
我试过这段代码 <div ng-controller="ExpensesCtrl"> <form id="expensesform"> <input type="text" ng-model="expense.name" /> <input type="text" ng-model="expense.amount" /> </form> <button ng-click="add()">Add</button>expense | json </div> function ExpensesCtrl($scope) { $scope.expense = {}; $scope.add = function () { $("#expensesform").append("<input type='text' ng-model='expense.age' />"); }; } http://jsfiddle.net/tChNh/ 但它不像例外. 有没有机会让这个工作? 解决方法
这是错误的方法,但是对于这个特殊情况,你想要做这样的事情:
http://jsfiddle.net/wXZL7/1.注入$compile服务.
同样,这不是使用Angular进行此操作的正确方法. Angular的事情是“你不必在控制器中弄乱DOM,让HTML和指令这样做”. 您想要创建一个指令来包装生成元素的任何内容并让它执行.阅读指令指南,例如:http://docs.angularjs.org/guide/directive (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |