IONIC Framework - 多次重新加载模板

时间:2016-02-06 13:28:15

标签: angularjs ionic-framework angular-ui-router

(在CodePen上添加了问题演示,下面给出了url) 在app.js中,我的路线定义为..

$stateProvider
    .state('login', {
      url: '/login1',
          templateUrl: 'templates/login.html',
          controller: 'AuthSignUpCtrl'
    });

并在login.html中测试我调用了一个方法

{{test()}}

并且在控制器中我刚刚创建了一个测试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

问题演示:http://codepen.io/anon/pen/XXxxpM

1 个答案:

答案 0 :(得分:0)

Angular绑定将不断更新,直到获得stabilized value。由于您的函数没有返回任何内容而只是执行控制台,因此它被多次调用。尝试在控制台之后返回一些字符串,并且不会多次调用它。