从 ng-click 中隐藏的 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 元素中的 class 来隐藏按钮，就像使用 JQUERY 和 backbone 完成的那样：

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

我已经试过了：

angular.element($scope.save)

但它没有用，尽管如果我使用 html ID 就可以用，比如这个：

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

Answer 1

使用 ng-class 在您的按钮中添加 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;
}

希望对您有所帮助。

Answer 2

请使用数据改变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>

从 ng-click 中隐藏的 addClass angularJS

addClass hidden from ng-click angularJS

html

javascript

jquery

angularjs

jqlite