在$ scope变量上显示/隐藏一个div,它是一个整数

时间:2014-01-04 01:02:39

标签: javascript angularjs

我有以下ng重复

<div class="presentForm" id="presentForm{{$index}}"  ng:repeat="slide in slides" style="display: block;">
                <img id ="presentationSlide" ng-src='{{slide}}' style="height: 300px" width="600px">
                <label id="scriptLabel{{$index}}" for="slideScript{{$index}}" style="left:130px;">Slide {{$index + 1}} Script</label>
                <textarea class="scriptText" name="Text" id="slideScript{{$index}}">'{{slide.script}} </textarea>
            </div>

我只是想知道如果id="presentForm{{$index}}"等于一个名为$ scope.display的整数变量,我怎么能显示一个{{$index}}。我希望使用ng-show / ng-hide但是我无法使用带有不是布尔值的变量的角度表达式来解决问题。

1 个答案:

答案 0 :(得分:3)

ng-show / ng-hide的值只是一个可以计算为布尔值的表达式。

所以你可以有ng-show =“$ index == display”:

<div class="presentForm" ng-show="$index == display" id="presentForm{{$index}}"  ng:repeat="slide in slides" style="display: block;">
            <img id ="presentationSlide" ng-src='{{slide}}' style="height: 300px" width="600px">
            <label id="scriptLabel{{$index}}" for="slideScript{{$index}}" style="left:130px;">Slide {{$index + 1}} Script</label>
            <textarea class="scriptText" name="Text" id="slideScript{{$index}}">'{{slide.script}} </textarea>