javascript - 如何制作一个 Angular js函数来多次更改按钮内容

Question

html:

<p>
   <a class="btn btn-lg btn-success" href="#"ng-click="splendido()">{{salute}}</a></p>

main.js

$scope.splendido=function()
    {
      var calls=1;

      $scope.salute='I'm greeting you for first time';

      if(calls==2)$scope.salute="2nd time";
      if(calls==3)$scope.salute="3rd time";
      if(calls>3)$scope.salute="you're annoying me" ;
      calls++;
    }

每次单击按钮时，它都会调用 splendido() 函数，我的目标是多次更改 {{salute}} 的内容。 我没能做到正确，为什么它没有按我的预期更新？

我使用的是 Angular js 1.5.8

Answer 1

首先，您需要在函数外部实例化变量“salute”，以便在加载 Controller 时获取默认值。

第二，和第一步一样，你需要在函数外部初始化'calls'变量，如果不这样做，'call'总是返回1。

这段代码有效!

$scope.salute="I'm greeting you for first time";
var calls=1;
$scope.splendido = function() {
    if(calls==1)$scope.salute="2nd time";
    if(calls==2)$scope.salute="3rd time";
    if(calls>2)$scope.salute="you're annoying me" ;
    calls++;
}