Скрыть кнопку после ng-клика с помощью AngularJS

Question

Я новичок в angularjs и хотел узнать, как спрятать кнопку после нажатия на нее (используя ng-click).

<button ng-click="xyz()" class="btn-default pull-right">
    Start
</button>

Answer 1

Я нашел ответ на вопрос с некоторой помощью. Создал событие в функции щелчка и смог скрыть кнопку.

<button ng-click="xyz($event)" class="btn-default pull-right">Start</button>

$scope.xyz = function ($event) {
    $($event.target).hide();

Приветствует всех ваших указаний.

Answer 2

В представлении:

 <button ng-click="hideBtn = true" ng-hide="hideBtn">Button</button>

В контроллере:

 $scope.hideBtn = false;

Answer 3

В основном вам нужны две вещи:

• Переменная, использующая видимость кнопки
• Функция для обновления этой переменной (вы можете сделать это в HTML, но я не рекомендую это).

Итак, у вас будет кнопка:

<button ng-click="hideButton()" ng-show="isButtonVisible === true" class="btn-default pull-right">
    Start
</button>

Тогда у вас будут следующие переменные

$scope.isButtonVisible = true; // true to make the button visible by default

И, наконец, функция, которая переключаетit:

$scope.hideButton = function() {
    $scope.isButtonVisible = false;
}

Обратите внимание, что вы можете использовать ng-if для удаления кнопки из DOM, если она вам больше не понадобится.

Пример: https://plnkr.co/edit/fnW8HR58zKHs4T34XRan

Обратите внимание, что это в основном самый простой вопрос, который у вас может возникнуть на AngularJS, поэтому я бы посоветовал вам немного прочитать об этом, прежде чем задавать вопрос переполнения стека.

Answer 4

Вам понадобится переменная для обозначения видимости кнопки, ее значение будет меняться в зависимости от события щелчка.

<button ng-click="clickEventFunction(params)" ng-hide="isButtonVissible">Button</button>

Значением по умолчанию для этой переменной должно быть "false", чтобы отобразить кнопку

$scope.isButtonVissible = false

Затем в функции clickEvent измените значение, чтобы скрыть кнопку

$scope.clickEventFunction = function(params){
$scope.isButtonVissible = true; 
//* Do the logic code
}