Question

我尝试使用AngularJS ngClass 指令点击按钮时切换一类正文。

我在按钮中添加了变量ng-model="add"：

<md-button aria-label="Add" class="md-icon-button" ng-model="wrong">
    <md-icon md-svg-icon="other:add" md-menu-align-target></md-icon>
</md-button>

然后我向身体添加了要切换的类：

<body class="ctr-hidden" ng-class="{'ctr-show': add, 'ctr-hidden': add}">

但它不起作用，因为它添加了课程'ctr-show'和课程'ctr-hidden'。

Answer 1

＆＃13;

awk '!/9000|9999/{a[ARGIND]+=$0;b[ARGIND]++}END{for(i=1;i<=ARGIND;i++)c=c?c-a[i]/b[i]:a[i]/b[i];print c}' file1 file2

＆＃13;

'use strict';

angular
    .module('app', [])
    .controller('ToggleClassCtrl', function($scope, $rootScope) {
        $rootScope.classIsSet = false;
  
        $scope.toggleClass = function() {
            $rootScope.classIsSet = !$rootScope.classIsSet;
        };
    });

＆＃13;

.result-block.ctr-show {
  background-color: #00ff00;
}

.result-block.ctr-hidden {
  background-color: #ff0000;
}

.result-block {
  width: 200px;
  height: 200px;
  background-color: #0000ff;
}

＆＃13;

Answer 2

我没有完全按照你的问题，但你肯定想要像

这样的东西

<body ng-class="{'ctr-show': add, 'ctr-hidden': !add}">

如果在AngularJS中单击另一个元素，如何添加和删除类？

2 个答案: