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

时间:2015-04-11 10:08:31

标签: angularjs angularjs-ng-click

我有一个按钮,其文本是一个绑定表达式 它有一个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...';
    }
});

1 个答案:

答案 0 :(得分: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...';
    }
});