Angularjs 在ng repeat中显示辅助阵列时遇到问题

Angularjs 在ng repeat中显示辅助阵列时遇到问题,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,所以我有一个幻灯片图像URL数组,我在这里循环,称为幻灯片 <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="

所以我有一个幻灯片图像URL数组,我在这里循环,称为幻灯片

<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>

幻灯片{{$index+1}}脚本

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

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

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

e、 g


那么如何在html中导入对象属性呢。例如,如果我将幻灯片重新创建为一个类似于slides=[]的对象。。。幻灯片[0]={name:'someURl',script:'some text'}{{{slide.name}}和{{slide.script}
slide = {name: 'slide1', scripts: ['script1', 'script2']}