IONIC Framework -模板被多次重新加载

Question

(在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

Answer 1

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