AngularJS - 如何限制对函数的不必要调用

时间:2016-07-19 22:05:40

标签: angularjs

我有任何已实现向导的应用程序,允许用户放入各个部分的维度。每个部分都涉及很多维度。而且有很多部分。

我已经实现了一个功能,告诉用户当前的测量单位是多少(mm / cm / mil / inch)。这个函数在向导中使用了很多。问题是对此功能的调用次数似乎过高。此外,调用与上述函数无关的其他函数也会因任何原因调用该函数。

有没有办法限制这些来电?
为什么调用不相关的函数(我的应用程序中有很多函数)会调用这个函数?

Fiddle

HTML

<div ng-app="myApp">
  <div ng-controller="con">
    <h1 ng-click="callOtherFunc()">
    Click
    </h1>
    {{callFunction()}}
    {{callFunction()}}
    {{callFunction()}}
    {{callFunction()}}
    {{callFunction()}}
    <br/>
    {{counter}}
    <br/>    
  </div>
</div>    

JS

var myApp = angular.module('myApp', []);

myApp.controller("con",function($scope){
    $scope.counter = 0;  

  $scope.callFunction = function(){     
    $scope.counter = $scope.counter + 1; 
    return "mm";
  }

  $scope.callOtherFunc = function(){    
  }  
})

0 个答案:

没有答案