Angularjs IONIC Framework-模板被多次重新加载
(在CodePen添加了问题演示,url如下) 在app.js中,我的路线定义为Angularjs IONIC Framework-模板被多次重新加载,angularjs,ionic-framework,angular-ui-router,Angularjs,Ionic Framework,Angular Ui Router,(在CodePen添加了问题演示,url如下) 在app.js中,我的路线定义为 $stateProvider .state('login', { url: '/login1', templateUrl: 'templates/login.html', controller: 'AuthSignUpCtrl' }); 在login.html中,为了测试,我调用了一个方法 {{test()}} 在controller中,我刚刚
$stateProvider
.state('login', {
url: '/login1',
templateUrl: 'templates/login.html',
controller: 'AuthSignUpCtrl'
});
在login.html中,为了测试,我调用了一个方法
{{test()}}
在controller中,我刚刚创建了一个测试fn,它只是控制台&它被调用了9-10次
注意:我已验证,控制器仅加载一次,而不是多次。此外,如果我在app.js中添加更多路由,打印的数量也会不断增加
希望有人能帮忙
编辑:控制器fn
.controller('AuthSignUpCtrl', function($scope, $state) {
$scope.test = function() {
console.log(44)
};
});
结果:
controllers.js:72 44
controllers.js:72 44
2controllers.js:72 44
5controllers.js:72 44
controllers.js:72 44
controllers.js:72 44
4controllers.js:72 44
controllers.js:72 44
controllers.js:72 44
问题演示:角度绑定将不断更新,直到获得稳定值。由于您的函数不返回任何内容,只执行控制台操作,因此它被多次调用。尝试在console之后返回一些字符串,它将不会被多次调用。您能否在放置控制台的位置提供控制器功能。添加了控制器代码以及问题“您的控制器与应用程序映射到哪里?”?它应该
app.controller
是的,它只是这样,因为它们被映射了,所以它可以工作,否则它将无法连接和工作。你能提供一个显示你的问题的fiddle/plunker吗?:)