指向范围函数不起作用
指向范围函数不起作用
提问于 2014-07-12 06:33:36
创建了一个指令，以便在主索引html文件中动态地包含header.html。
app.js
var app = angular.module('plunker', []);
app.directive('header', function() {
var directive = {};
directive.restrict = 'AE';
directive.replace = true;
directive.scope = {};
directive.templateUrl = "header.html";
directive.link = function postLink($scope, $element, $attrs, $resource) {
$scope.version = "1.1.1.1";
$scope.getusername = function() {
$scope.username = "pals";
};
};
return directive;
});header.html
<div ng-init="getusername()">
<p>
This part of the hader is always here
</p>
<p>
User {{username}} is logged in :D
</p>
<p>
{{version}}
</p>
</div>@ http://plnkr.co/edit/Iau6Fu?p=preview完整代码
范围变量($scope.version)正在工作。
但是作用域函数调用($scope.getusername)并没有发生。
如有任何建议，敬请见谅。谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-12 08:00:55
代码依赖于模板中的ngInit在作用域上执行一个名为getusername()的方法。getusername()放在链接后函数的作用域上，该函数在计算ngInit后执行。所以ngInit从不调用getusername()。
要解决这个问题，请将getusername()放在指令控制器的作用域上，以便ngInit可以使用.
directive.controller = function($scope) {
$scope.getusername = function() {
$scope.username = "pals";
};
};柱塞
请将相关代码放在您的问题中，而不是在柱塞中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24710345
复制相关文章
相似问题
腾讯云开发者
