我可以在ng-if中比较data.id

时间:2018-01-12 14:09:14

标签: javascript html angularjs

我有一个带有微缩视频的滑块,当点击一个微型时,无论如何,我的列表的第一个视频的模态是打开的,而不是与微型对应的视频 我想用ng-if比较视频的id和滑块中视频的缩影,但是我用什么?我可以使用类似data.id == data.miniature.id的语法吗?我真的不知道......

<div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 contVideo">
        <div>
          <div class="video" ng-controller="videoCtrl">
            <slick class="carousel" infinite="true" settings="slickConfig">
            <div ng-repeat="data in video" class="contentVideo" ng-style="{'background-image':'url({{data.miniature}})'}">
              <a data-toggle="modal" data-target="#myModal">
                <img ng-src="images/index/video/BoutonPlay.png" alt="Play" />
              </a>
              <div class="descriptionVideo">
                <p>{{data.legende}}</p>
              </div>
            </div>
       </slick>
                 <div class="modal fade" id="myModal" ng-repeat="(key, data) in video" ng-if="data.id == ?">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button ng-attr-type="button" class="close" data-dismiss="modal">x</button>
                  </div>
                  <div class="modal-body">
                 <video ng-src="{{data.src}}" controls="controls" width="550px" height="300px" poster="{{data.miniature}}" preload="metadata"></video>
               </div>
              </div>
              </div>
            </div>

          </div>
        </div>
      </div>

2 个答案:

答案 0 :(得分:0)

为什么不呢?))
*ngIf=data.id == data.miniature.id
如果您的数据不在onInit上,则可以使用elvis :)语法。如果值为null,则保护视图呈现失败

data?.id == data?.miniature?.id

答案 1 :(得分:0)

您可以像使用任何其他正常的IF语句一样使用ng-if。

<div ng-if="data.id == 1 || data.string == 'string'">
   <p>Paragraph goes here</p>
</div>

正如您在上面的示例中所看到的,您可以包含||或者&amp;&amp;进入 ng-if

希望这有帮助。