Угловая удалить строку таблицы на отправить

Question

Im новой для углового, и я пытался удалить некоторые элементы из таблицы по представить ..

<tr ng-repeat="val in values "> 
    <td ng-bind="$index"></td> 
    <td ng-bind="val.rec">ED1500322</td> 
    <td>working</td> 
    <td ng-bind="val.result">I am going to School</td> 
    <td> 
     <div class="radio"> 
     <input ng-model="val.iscorrect" value="yes" type="radio" ng-change="log(val)"> 
     <label for="opt1">yes</label> 
     <input ng-model="val.iscorrect" value="no" type="radio" ng-change="log(val)"> 
     <label for="opt10">no</label> 
     </div> 
    </td> 
    </tr> 

Все данные, полученные с помощью нг-повтора и Im не уверен, что данные, которые удалить получается динамически

Я хотел, чтобы удалить строку, если кнопка-переключатель щелкнул .. (показать были некоторые изменения, сделанные)

Plunker http://plnkr.co/edit/kNJUbUBENxBc38rBg3GK?p=preview

Любая помощь в удалении данных динамически была бы полезной. Спасибо заранее

Answer 1

Сначала мы должны сохранить индекс всех элементов, которые пользователь хочет удалить из массива $scope.valueToRemove.

И когда пользователь отправляет свой запрос, мы должны удалить все предметы. Для этого нам нужно получить весь индекс (элемента для удаления) из массива $scope.valueToRemove. И, наконец, мы можем вызвать функцию splice() (чтобы удалить элемент из массива) с соответствующим индексом.

Под рисунком кода.

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

Answer 2

Установите значение на кнопке щелкните так:

<button ng-click=getResult();hideme=true>getResult</button>

, а затем использовать нг скрытие на строке таблицы, где val.iscorrect не так

<tr ng-repeat="val in values" ng-hide="hideme && val.iscorrect!='yes'"> 
    <td ng-bind="$index"></td> 
    <td ng-bind="val.rec">ED1500322</td> 
    <td>working</td> 
    <td ng-bind="val.result">I am going to School</td> 
    <td> 
     <div class="radio"> 
     <input ng-model="val.iscorrect" value="yes" type="radio" ng-change="log(val)"> 
     <label for="opt1">yes</label> 
     <input ng-model="val.iscorrect" value="no" type="radio" ng-change="log(val)"> 
     <label for="opt10">no</label> 
     </div> 
    </td> 
    </tr>