如何使用jquery动态添加的AngularJS绑定字段
如何使用jquery动态添加的AngularJS绑定字段
提问于 2014-05-05 17:39:47
因此，我有一个用jQuery动态添加字段的表单，该字段具有ng-model，但它们不是由AngularJS编译的。如何绑定/编译这些字段？
例：http://jsfiddle.net/J48fA/1/
edit1 ps:我在RailsApp上有复杂的茧插入字段。我正在使用AngularJS显示一个表，其中包含许多有关字段的信息，因此，我试图在rails代码中不使用它。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-05-05 17:53:09
我同意前面所有的意见。在任何DOM操作中使用指令是最佳实践。这么说，如果你想在控制器内完成你想要做的事情，这就是你想要完成的。
您需要将$compile服务传入控制器，然后添加我添加的几行代码：
testapp.controller('parentController', ['$scope', '$window', '$compile', function($scope, $window, $compile) {
var $elementToAppend = $('<input ng-model="fields[1].value" type="text" value="">');
$compile($elementToAppend)($scope);
$('#field-1').append($elementToAppend);
$scope.fields = {};
fields = $scope.fields;
$scope.buildField = function (id){
$scope.fields[id] = {'value' : null};
};
}]);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23478416
复制相关文章
相似问题
腾讯云开发者
