Question

我开始学习Angular，到目前为止我爱上了它！

我有以下指令代码段：

app.directive('validation', function() {
    return {
        restrict: "A",
        link: function (scope, element, attrs) {
            element.after("<div name='" + attrs.ngModel + "'></div>");
        }
    };
});

制定这样的div似乎不是正确的方法。我认为我应该做更多的事情：

element.after("<div name='{{attrs.ngModel}}'></div>");

但我无法弄清楚正确的语法。

此外，是否需要编译？

Answer 1

您可以使用template或templateUrl来获取此类动态HTML。

app.directive('validation', function() {
    return {
        restrict: "A",
        link: function (scope, element, attrs) {
            scope.myModel = attrs.ngModel;
        },
        template: '<div name="{{myModel}}"></div>'
    };
});

请注意，使用ngModel可能比在元素上使用其他任意属性要复杂一些。查看egghead io上的ngModel vieo以获取更多信息https://egghead.io/lessons/angularjs-using-ngmodel-in-custom-directives

在我的angular指令中使用模型绑定

1 个答案: