Question

我正在创建通过自定义角度指令调用特定内容的分页按钮。这些按钮是通过ng-repeat创建的。

            <div class="margin-less row">
                <a ng-repeat="i in getNumber(9)" href="#/5-4-9_novena?day={{$index + 1}}">
                    <div class="small-1 panel-default columns pagination-panel" ng-if { ng-class="current: $index + 1 == date.weekday"}>
                        <h4 class="panel-title ">{{$index + 1}}</h4></div>
                </a>
            </div>

我试图使用ng-if添加一个类＆＃34;当前＆＃34;在与索引匹配{{date.weekday}}的链接匹配的分页链接上。但是，令我失望的是，当索引与范围匹配时，我无法添加类。我错过了什么吗？

Answer 1

关于ng-class，你可以使用像

这样的东西

<div class="small-1 panel-default columns pagination-panel" ng-class="{ current: $index + 1 == date.weekday}">

Answer 2

你不需要ng-if来实现这一目标。此外，ng-if语法完全不同。

更改ng-if { ng-class="current: $index + 1 == date.weekday"}

到

data-ng-class="{current: $index + 1 === date.weekday}"

Answer 3

对于这种情况，使用ng-class更好：

ng-class="{current: $index == selected}"

Answer 4

条件ng-if和ng-class

改变这个：

 <div class="small-1 panel-default columns pagination-panel" ng-if { ng-class="current: $index + 1 == date.weekday"}>

要：

<div class="small-1 panel-default columns pagination-panel" ng-if="$index + 1 == date.weekday" ng-class="{'current': $index + 1 == date.weekday }">

Angular ng-if在ng-repeat中设置类

4 个答案: