无法在ng-repeat中显示辅助数组

时间:2014-01-02 21:53:06

标签: angularjs angularjs-ng-repeat

所以我有一系列幻灯片图片网址,我在这里循环称为幻灯片。

<div class="presentForm" id="presentForm{{$index}}"  ng:repeat="slide in slides" style="display: none;">
  <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}}" ng-model="scripts{{index}}">

  </textarea>
</div>

我的问题是因为我想在这个名为scripts的ng-repeat中显示一个seconday数组。问题产生于脚本长度可能与幻灯片长度不匹配(每个幻灯片可能没有脚本)。那么如何在<textarea></textarea>中显示脚本[0],但如果脚本[3]不存在则显示空白文本区域?

1 个答案:

答案 0 :(得分:0)

这不是一个非常彻底的答案,但嵌套的ng-repeat应该可以解决您的问题。如果我遗失了什么,请告诉我。

编辑:重新阅读您的代码后。我想您可能还需要重新考虑您的数据结构。脚本应该在幻灯片对象中。

e.g。

slide = {name: 'slide1', scripts: ['script1', 'script2']}