AngularJS在指令模板中评估$rootScope变量
发布时间:2020-12-17 07:36:48 所属栏目:安全 来源:网络整理
导读:我有一个创建输入字段的指令. 我需要将此输入字段的ng-model属性设置为$rootScope的值 变量. 原因之一是我希望输入字段在布局中,并根据加载的页面绑定到不同的模型. 我以为我会在每个控制器中设置这个全局变量,并在指令中访问它. ATM变量是硬编码的 App.run(
我有一个创建输入字段的指令.
我需要将此输入字段的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 有人可以在这个问题上说明一下吗?
我想你想要的是
template: '<input class="filter" type="text" ng-model="' + $rootScope.mymodel + '" placeholder="Nach filtern">' Fiddle. 请注意,您需要将$rootScope注入您的指令: Directives.directive('inputFilter',function($rootScope) { (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |