按钮中的文本不会在 ng-click 上改变

Question

我有一个按钮，其文本是一个绑定表达式。
它有一个 ng-click 指令，它是一个改变表达式值的函数。
但是，它不起作用。

这是怎么回事？

这是我的观点：http://plnkr.co/edit/EScqj0iczpH65tstokia

HTML

<!DOCTYPE html>
<html ng-app="test">

<head>
     <script data-require="angular.js@*" data-semver="1.4.0-rc.0" src="https://code.angularjs.org/1.4.0-rc.0/angular.js"></script>
     <link rel="stylesheet" href="style.css" />
     <script src="script.js"></script>
</head>

<body ng-controller="MyCtrl">
    <button ng-click="start()"> {{ myText }} </button>
</body>

JS

angular.module('test',[])
  .controller('MyCtrl',function ($scope) {
    $scope.myText = 'Press to start';
    $scope.start = function () {
      $scope.myText = 'Starting...';
    }
});

Answer 1

我觉得你有点困惑。在您的 script.js 中，您没有定义 start() 函数，但您在 ng-click 指令中调用了一个函数。相反，您创建了一个 starting() 函数。

这应该有效：

angular.module('test',[])
  .controller('MyCtrl',function ($scope) {
    $scope.myText = 'Press to start';
    $scope.start = function () {
      $scope.myText = 'Starting...';
    }
});

按钮中的文本不会在 ng-click 上改变

Text in a button not changing on ng-click

angularjs

angularjs-ng-click