javascript - 使用 Angular JS 更改单击时按钮的文本

Question

如何在单击按钮时更改按钮的文本。

这是我尝试过的。

HTML:

<button ng-click="toggle = !toggle">Toggle!</button>
<div class="box on" ng-show="toggle" ng-animate="'box'">On</div>

JS:

function MainController($scope) {
  $scope.toggle = true;
}

Answer 1

或者，如果您愿意，可以将所有内容保留在 HTML 中，而不是在 Controller 中定义按钮文本:

<button ng-click="toggle = !toggle">
    <span ng-show="toggle">Toggle to Off</span>
    <span ng-hide="toggle">Toggle to On</span>
</button>
<div class="box on" ng-show="toggle" ng-animate="'box'">On</div>