因此,我有一个用jQuery动态添加字段的表单,该字段具有ng-model
,但它们不是由AngularJS编译的。如何绑定/编译这些字段?
例:http://jsfiddle.net/J48fA/1/
edit1 ps:我在RailsApp上有复杂的茧插入字段。我正在使用AngularJS显示一个表,其中包含许多有关字段的信息,因此,我试图在rails代码中不使用它。
发布于 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};
};
}]);
https://stackoverflow.com/questions/23478416
复制相似问题