使用ng-click更改按钮中的文本

Question

我正在尝试使用角度更改按钮中的文本我已经完成了但我有几个问题。

首先，我的代码只是在第一次点击时更改了文本，如何在第二次点击后再次更改？ 那个按钮隐藏了一个<DIV> ，这就是改变的原因？

角度：

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

HTML：

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

我的问题的第二部分是：

如何在该HTML和Angular中的代码中应用该代码？

HTML：

<a ng-click="Menu()" class="btn btn-default" id="menu-client">hide the search</a>

角度：

$scope.Menu = function(){
        $("#wrapper").toggleClass("toggled");
    };

Answer 1

更改文字：

JS

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

HTML

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

改变班级：

JS

$scope.isToggled = false;

HTML

<a ng-click="isToggled = true" class="btn btn-default" ng-class="{toggled: isToggled}" id="menu-client">hide the search</a>

Answer 2

HTML

<a ng-click="Menu()" class="btn btn-default" id="menu-client">hide the search</a>

角

$scope.Menu = function(){
        $scope.isHedden = true;
   };

现在，要隐藏/显示HTML中的哪个元素，请使用ngHide指令：

<some-element ng-hide="isHidden">Some plain text or value goes here</some-element>

请查看https://docs.angularjs.org/api/ng/directive/ngHide ，了解有关此指令的更多详细信息。

使用ng-click更改按钮中的文本

问题描述

2 个解决方案

解决方案1
2 2015-10-07 14:16:29

解决方案2
1 2015-10-07 14:14:26

使用ng-click更改按钮中的文本

问题描述

2 个解决方案

解决方案1 2 2015-10-07 14:16:29

解决方案2 1 2015-10-07 14:14:26

解决方案1
2 2015-10-07 14:16:29

解决方案2
1 2015-10-07 14:14:26