Question

除了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'">

但我不太清楚该怎么做。有什么想法吗？

Answer 1

尝试以下方法：

EditText

你不需要设置该功能，你可以在视图中轻松完成：

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

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

Answer 2

分开。使用application/vnd.github.spiderman-preview指令创建一个新div，以有条件地显示它：

ng-if

而且，您可以更好地编写您的功能（我个人会将其重命名为<div ng-if="bulkMode">Bulk Mode On</div>）：

toggleBulkMode

使用ng-class显示一些文本

2 个答案: