36

ng-model を「outer-directive」から「inner-directive」(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() { ... }
    }
});
4

2 に答える 2

45

他のディレクティブと同様に、変数 in 属性を使用して双方向バインディング (ドキュメントの「ディレクティブ定義オブジェクト」セクションを参照)を設定できます。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

于 2013-10-17T15:04:19.537 に答える