Как я могу увеличить массив в угловых js?

Question

// это мой html, и я хочу знать, как увеличить его, чтобы я мог получить доступ к pdf-файлам и отобразить его. Моя проблема заключается в том, что я просто вызываю курсор.pdfs. Pdf-файлы будут одинаковыми, поэтому я хочу добавить [0] каждый раз, чтобы отображать PDF-файлы по-разному на каждом модальном, или если они ошибаются в решении, я надеюсь, что вы, ребята, можете мне помочь, что делать, чтобы отображать PDF-файлы по-разному.

<div class="container1"> 

    <li ng-repeat="course in secondyear">Second Year: <br> 
    <span ng-repeat = "subject in course.subjects"><br>{{subject}}<br> 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" 
    data-target="{{course.modal}}">Course Outline</button><br></span> 
       <div id="{{course.mod}}" class="modal fade" role="dialog"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times; </button> 
     <h4 class="modal-title">Course Description</h4> 
     </div> 

     <div class="modal-body"> 
<iframe src="{{course.pdfs[0]}}" width="100%" height="600px" scrolling="auto"></iframe> 

// здесь мои угловые JS

app.controller("courseCtrl", function($scope, firstyearFactory){ 
$scope.secondyear=[ 
    { 
     name: '4', 
     pdfs: ['a.pdf','b.pdf','c.pdf'], 
     modal: '#modal1', 
     mod:'modal1', 
     subjects:['english','math','adverpub'] 


    } 
     ]; 

// Я просто не могу сделать это так, но я так много данных, которые вызывают задержки, так лаг, когда я освежу поэтому я думал, что он отстает, потому что у меня так много ключей или переменных, что я объявил, поэтому я придумал отображение свойств только с одним объектом (имя :). Кстати у меня есть более чем 20 ключей Вот почему его отставание

{year:'1st Year', 
     name: '1ENGLISH', 
      pdfs: 'pdf/1st/1ENGLISH.pdf', 
      modal: '#modal1', 
      mod:'modal1' 
     }, 
     {year:'1st Year', 
     name: '1SPEECH', 
      pdfs: 'pdf/1st/1SPEECH.pdf', 
      modal: '#modal2', 
      mod:'modal2'  
     }, 

Answer 1

Вы можете использовать ng-repeat's $index переменные, чтобы получить другой PDF в каждой итерации:

<iframe src="{{course.pdfs[$index]}}" width="100%" height="600px" scrolling="auto"></iframe> 

Кроме того, вам могут понадобиться изменить то, что вы» повторно итерация - это, вероятно, следует course in secondyear.pdfs и, если вам нужно, вы можете добавить еще нг-повтор внутри текущей, просто построить модальности:

<li ng-repeat="course in secondyear"> 
    <div class="modal-body" ng-repeat="pdf in course.pdfs"> 
    <iframe src="{{pdf[$index]}}" width="100%" height="600px" scrolling="auto"></iframe>