所以我有一系列幻灯片图片网址,我在这里循环称为幻灯片。
<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]不存在则显示空白文本区域?
答案 0 :(得分:0)
这不是一个非常彻底的答案,但嵌套的ng-repeat
应该可以解决您的问题。如果我遗失了什么,请告诉我。
编辑:重新阅读您的代码后。我想您可能还需要重新考虑您的数据结构。脚本应该在幻灯片对象中。
e.g。
slide = {name: 'slide1', scripts: ['script1', 'script2']}