Изменить текст в кнопке с помощью ng-click

Я пытаюсь изменить текст в кнопке с помощью углового Я в значительной степени сделал, но у меня есть несколько вопросов.Изменить текст в кнопке с помощью ng-click

Во-первых, мой код ниже просто меняет текст, когда я нажимаю первый раз, как меняется снова после второго щелчка, в основном эта кнопка скрывает, поэтому это причина изменения.

угловой:

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 и agular?

HTML

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

угловой:

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

Спасибо.

источник

2015-10-07 Raduken

Я здесь, чтобы узнать :) – Raduken

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 для получения дополнительной информации об этой директиве.

источник

2015-10-07 14:14:26 jsNovice

Изменение текста:

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>

Изменение класса:

$scope.isToggled = false;

HTML

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

источник

2015-10-07 14:16:29

его именно то, что я искал, я просто есть проблема у меня есть JQuery работает над этим кодом, так что теперь его больше не работает искать Я хочу скажем: http://jsfiddle.net/84kc7ppt/ Мне нужно изменить этот текст при щелчке и вернуться к тому же, когда я снова щелкнул, потому что я скрыт div и не скрыт, понимаете? – Raduken

Без сожаления я не могу понять, и Jsfiddle не работает. –

Изменить текст в кнопке с помощью ng-click

ответ

Смежные вопросы