AngularJS 在指令模板中评估 $rootScope 变量

Question

我有一个创建输入字段的指令。
我需要将此输入字段的 ng-model 属性设置为 $rootScope 的值
多变的。
这背后的原因是我希望输入字段在布局中，并根据加载的页面绑定(bind)到不同的模型。
我以为我会在每个 Controller 中设置这个全局变量并在指令中访问它。

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  

任何人都可以对这个问题有所了解吗？

Answer 1

我想你想要的是

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

Fiddle .

请注意，您需要注入(inject) $rootScope进入你的指令:

Directives.directive('inputFilter', function($rootScope) {