angularjs – 在嵌套指令中传递ng-model

前端之家收集整理的这篇文章主要介绍了angularjs – 在嵌套指令中传递ng-model前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想把我的ng模型从’outer-directive’传递到’inner-diretive'(包含在outer-directive模板中)。

什么是正确的方式做呢?

HTML代码

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

和指令代码

angular.module('app',[]).directive('outerDirective',function(){
    return {
        template: '<inner-directive ng-model="prop" />',link: function() { ... }
    }
});
您可以使用ngModel属性中的变量设置双向绑定(请参阅 documentation,“指令定义对象”一节),与其他任何指令一样:
<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://www.f2er.com/angularjs/145622.html

猜你在找的Angularjs相关文章