addClass скрытой от нг нажмите angularJS

Question

Вот мой код HTML:

<button type="button" ng-click="save()" class="btn btn-success btn-block"><span class="glyphicon glyphicon-save"></span>Enregistrer</button> 

Я хочу сделать кнопку скрытой, добавив класс скрытого от HTML элемента, как это делается с Jquery и позвоночником:

$('a[data-actions="save"]').addClass('hidden') 

Я попытался это:

angular.element($scope.save) 

, но он не работает, несмотря она работает, если я использую HTML ID, как это один:

var tempItem = document.getElementById('name'); 
     angular.element(tempItem) 
     .addClass('hidden'); 

Answer 1

Используйте данные, чтобы изменить внешний вид в форме show/hide.

ng-show и ng-hide полезны для этого. И иногда ng-if также пригодится, если скрытый или скрытый элемент тяжелый с точки зрения DOM.

angular.module('app', []) 
 
    .controller('MyController', function($scope) { 
 

 
    $scope.save = function() { 
 
     $scope.shown = !$scope.shown; 
 

 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="MyController"> 
 
    <p ng-show="shown">Hello World</p> 
 
    <button type="button" ng-click="save()" class="btn btn-success btn-block"><span class="glyphicon glyphicon-save"></span>Enregistrer</button> 
 
</div>

Answer 2

Использование ng-class добавить класс в кнопке

<button type="button" ng-class="{'hidden':selectedClass}" ng-click="save()" class="btn btn-success btn-block"><span class="glyphicon glyphicon-save"></span>Enregistrer</button> 

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

$scope.selectedClass = false; 
$scope.save = function(){ 
    $scope.selectedClass = ! $scope.selectedClass; 
} 

Надежда это поможет вам.