javascript - 使用ng-class显示一些文本

除div上的临时类外，我还可以使用ng-class来显示文本吗？

这是我的代码。

HTML：

<button ng-click="setBulkMode()"

<div class="filter-nav-bar" ng-class="{'filter-nav-bar-bulk-mode': bulkMode}">

JS：

$scope.setBulkMode = function() {
                if(!$scope.bulkMode) {
                    $scope.bulkMode = true;
                } else {
                    $scope.bulkMode = false;
                }
            };

每当我将bulkMode设置为true时，在我的ng-class上我也想显示一些文本。所以像...

<div class="filter-nav-bar" ng-class="{'filter-nav-bar-bulk-mode': bulkMode 'Bulk Mode On'">

但是我不太确定该怎么做。有任何想法吗？

最佳答案

请尝试以下操作：

 <div class="filter-nav-bar" ng-class="{'filter-nav-bar-bulk-mode': bulkMode">

 <span ng-show="bulkMode">Bulk Mode On</span>

而且您不需要设置该函数，可以在视图中轻松完成此操作：

<button ng-click="bulkMode = !bulkMode">

关于javascript - 使用ng-class显示一些文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39531688/