ng-repeat не обновляет модель с треком

Question

Я использую контрольную модель для работы с массивом флажков с каждым выбранным, который можно удалить. Кажется, все работает нормально, пока я не использую его внутри ng-repeat.

Проблема в том, что удаленные флажки все еще существуют, когда я добавляю track by $index вместе с ng-repeat. Если я удалю этот track by, он отлично работает (но в моем реальном приложении мне нужно, чтобы track by работал).

Вот plnkr, Demo

Чтобы увидеть проблему, вы можете выполнить следующие действия.

1. Выберите флажок вы хотите
2. Удалить эти выбранные
3. Проверьте чек все кнопки, чтобы увидеть,

Теперь посмотрим на один с трека по, он оставит некоторые флажок снят. Если вы проверите его вручную, в нем будет добавлено старое значение. Это странно.

Любая помощь или объяснений будет очень признателен, спасибо

Answer 1

Если вам все еще нужно отслеживать с помощью, использовать его с идентификатором объекта. Предполагая, что идентификатор объекта всегда будет уникальным.

Ошибка при работе с одним и тем же ключом. (Это означает, что два различных объекта отображаются в том же DOM элемент, который не представляется возможным.)

Так вместо этого:

<tr ng-repeat="verb in verbs track by $index"> 
    <td> 
     <input type="checkbox" checklist-model="list.verbs" checklist-value="verb.id"> 
    </td> 
    <td> 
     {{verb.id}} 
    </td> 
    <td> 
     <span>{{verb.text}}</span> 
    </td> 
    </tr> 

использовать это:

<tr ng-repeat="verb in verbs track by verb.id"> 
    <td> 
     <input type="checkbox" checklist-model="list.verbs" checklist-value="verb.id"> 
    </td> 
    <td> 
     {{verb.id}} 
    </td> 
    <td> 
     <span>{{verb.text}}</span> 
    </td> 
    </tr> 

http://plnkr.co/edit/UTtQQJIbtRPdGh0YhRMH?p=preview