Добавление нового поля ввода в нг-повторе

Question

http://jsfiddle.net/yhv9bjrx/2/

В скрипке выше, я пытаюсь, чтобы позволить пользователям добавлять новое открытое время, когда они попали в новой кнопку элемента. Проблема, с которой я сталкиваюсь, заключается в том, что при нажатии кнопки она обновляет оба события в ng-repeat, а не текущее событие.

<ul> 
     <li ng-repeat="event in orgEvents"> 
      <h3>Event ID: {{event.CampaignEventID}}</h3> 
      <h2>Event Name: {{event.Name}}</h2>   
      <ul> 
      <li ng-repeat="time in orgEventTimes"> 
       <div ng-if="time.CampaignEventID == 1"> 
        Event ID: <input type="text" ng-model="time.CampaignEventID"> 
        Open: <input type="text" ng-model="time.OpenTime"> 
       </div> 
      </li> 
      <button ng-click="add(item)">New Item</button> 

      </ul> 
      <hr/> 
     </li> 
    </ul> 

Кроме того, для какой-то причины нг-если заявление не работает, и это показывает каждое событие в массиве $ scope.orgEventTimes, а не только те, принадлежат к этому событию.

Answer 1

https://jsfiddle.net/3aqwng8o/

Я не знаю, почему ng-if не работает .. Вместо использования ng-if почему бы не использовать filter?

<li ng-repeat="time in orgEventTimes|filter: {CampaignEventID:event.CampaignEventID}">

Ваша кнопка для добавления элемента просто толкая пустой объект в массив orgEventTimes. Попросите объект, который включает в себя CampaignEventID события для этого экземпляра цикла ng-repeat.

$scope.add = function (item) { 
      $scope.orgEventTimes.push(item); 
     }; 

<button ng-click="add({CampaignEventID: event.CampaignEventID})">New Item</button>