首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jquery动态添加的AngularJS绑定字段

如何使用jquery动态添加的AngularJS绑定字段
EN

Stack Overflow用户
提问于 2014-05-05 17:39:47
回答 1查看 237关注 0票数 2

因此,我有一个用jQuery动态添加字段的表单,该字段具有ng-model,但它们不是由AngularJS编译的。如何绑定/编译这些字段?

例:http://jsfiddle.net/J48fA/1/

edit1 ps:我在RailsApp上有复杂的茧插入字段。我正在使用AngularJS显示一个表,其中包含许多有关字段的信息,因此,我试图在rails代码中不使用它。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-05 17:53:09

我同意前面所有的意见。在任何DOM操作中使用指令是最佳实践。这么说,如果你想在控制器内完成你想要做的事情,这就是你想要完成的。

您需要将$compile服务传入控制器,然后添加我添加的几行代码:

代码语言:javascript
运行
复制
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};
    };
}]);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23478416

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档