12

入力フィールドを作成するディレクティブがあります。この入力フィールドのng-model属性を$rootScope変数の値に設定する必要があります。この背後にある理由は、入力フィールドをレイアウトに配置し、ロードされるページに応じて異なるモデルにバインドするためです。このグローバル変数を各コントローラーに設定し、ディレクティブでアクセスすると思いました。

変数がハードコーディングされているATM

App.run(function($rootScope){
    $rootScope.mymodel = 'search.name';
})

そして指令

Directives.directive('inputFilter', function(){
    return{
        restrict: 'E',
        replace:true,
        controller: function($scope, $rootScope){
            console.log($scope.mymodel);
            console.log($rootScope.mymodel)

        },
        template: '<input class="filter" type="text" ng-model="mymodel" placeholder="Nach filtern">'
    }

});

次のようにレンダリングされます

<input class="filter ng-pristine ng-valid" type="text" ng-model="mymodel" placeholder="Filter">

入力フィールド内のテキストはmymodel変数の値です。console.logは

search.name
search.name  

誰かがこの問題に光を当ててくれませんか?

4

1 に答える 1

13

あなたが欲しいと思うのは

template: '<input class="filter" type="text" ng-model="' 
  + $rootScope.mymodel + '" placeholder="Nach filtern">'

フィドル

$rootScopeディレクティブに挿入する必要があることに注意してください。

Directives.directive('inputFilter', function($rootScope) {
于 2013-03-15T14:38:17.820 に答える