我们有一些第三方 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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)