angular，在指令中，向模板添加一个带有 ng 模型的元素 [英] angular, in directive, adding to the template an element with ng model

问题描述

我正在尝试在指令中添加一个带有 ng-model 的输入元素.

I'm trying to add an input element with ng-model inside a directive.

我的代码

我的指令的链接函数:

link: function (scope, element, attrs) {
        var elem_0 = angular.element(element.children()[0]);
        for (var i in scope.animals[0]) {
            elem_0.append(angular.element('<span>' + scope.animals[0][i].id + '</span>'));

            //this part doesn't work
            var a_input = angular.element('<input type="text">');
            a_input.attr('ng-model', 'animals[0][' + i + '].name');
            //end
            elem_0.append(a_input);
        }

似乎我需要在最后调用 $compile()，但不知道如何调用.

it seems i need to call $compile() at the end, but have no idea how.

推荐答案

尝试

var a_input = angular.element($compile('<input type="text" ng-model="animals[0][' + i + '].name"/>')($scope))
elem_0.append(a_input);

这篇关于angular，在指令中，向模板添加一个带有 ng 模型的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！