在嵌套指令中传递 ng-model

2024-03-13

我想将我的 ng-model 从“外部指令”传递到“内部指令”(包含在外部指令模板中)。

正确的做法是什么?

HTML 代码:

<body>
    <outer-directive ng-model="prop" />
</body>

和指令代码:

angular.module('app', []).directive('outerDirective', function(){
    return {
        template: '<inner-directive ng-model="prop" />',
        link: function() { ... }
    }
});

您可以设置双向绑定(请参阅文档 https://docs.angularjs.org/api/ng/service/%24compile#-scope-,“指令定义对象”部分),变量位于ngModel属性,与任何其他指令一样:

<my-directive ng-model="foo"></my-directive>
myApp.directive('myDirective', function () {
    return {
        template: '<div><input type="text" ng-model="ngModel" /></div>',
        replace: true,
        scope: {
            ngModel : '=',
        },
    };
});

Fiddle https://jsfiddle.net/Blackhole/XyUGE/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在嵌套指令中传递 ng-model 的相关文章

随机推荐