提交时角度删除表行

时间:2016-05-20 09:31:23

标签: javascript angularjs

我是角色的新手,我试图从提交中的表中删除一些元素..

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

使用ng-repeat获得的所有数据,我不确定删除动态获得的数据

如果单击切换按钮,我想删除行..(显示已完成一些更改)

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

任何动态删除数据的帮助都会有所帮助。谢谢提前

2 个答案:

答案 0 :(得分:1)

按钮点击设置一个值,如下所示:

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

然后在val.iscorrect不为真的表格行上使用ng-hide

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

答案 1 :(得分:0)

首先,我们必须存储用户想要从$scope.valueToRemove数组中删除的所有项的索引。

当用户提交请求时,我们必须删除所有项目。为此,我们必须从$scope.valueToRemove数组中检索所有索引(要删除的项目)。最后,我们可以使用相应的索引调用splice()函数(从数组中删除项)。

下面的代码说明。

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