Javascript 如何使用with own类将新行添加到列表中

Javascript 如何使用with own类将新行添加到列表中,javascript,html,angularjs,Javascript,Html,Angularjs,看法 我将新行添加到列表中,如下所示(有效): 我的目的是: (1) 每一个新行都应该以彩色背景(红色)显示,并且应该有一个关闭按钮(x)退出新行。单击此按钮,backgroundcolor应将backgroundcolor重置为none,并且按钮应隐藏 (二) 使用“常规”按钮(1单击=将所有红色行背景重置为无)退出所有新行需要哪些代码 这: 添加到这个答案中,您可以使用控制器中的fiters$scope.filteredArray=$filter('filter')($scope.rows,

看法

我将新行添加到列表中,如下所示(有效):

我的目的是:

(1) 每一个新行都应该以彩色背景(红色)显示,并且应该有一个关闭按钮(x)退出新行。单击此按钮,backgroundcolor应将backgroundcolor重置为none,并且按钮应隐藏

(二)
使用“常规”按钮(1单击=将所有红色行背景重置为无)退出所有新行需要哪些代码 这:

添加到这个答案中,您可以使用控制器中的fiters$scope.filteredArray=$filter('filter')($scope.rows,{“new”:true})将搜索范围缩小到新选择的搜索范围;forEach($scope.filteredArray,函数(值,键){value.new=false;});谢谢大家。那是我的问题,是的。我想扩展这个例子。如何实现此功能,反之亦然?这意味着,首先应该删除的行具有绿色背景和一个按钮,用于将其从列表中删除。还有一个按钮可以删除所有。我已经准备好了,你也能帮我吗?谢谢。退出删除工作。但我无法使用行中的“删除”按钮删除每一行。@ng User此处提供了更正的示例。
<tr ng-repeat="row in rows" >
<td> {{row.ID}} </td>
<td> {{row.customer}} </td>
<tr>
$scope.rows = [{
        "ID": 12,
        "customer": "abc",            
},{
        "ID": 13,
        "customer": "klm",            
},{
        "ID": 14,
        "customer": "xyz",            
}];    
    Socket.on('delete', function(ID, customer) {

        $scope.rows.push({"ID": ID, "customer": customer});

    }); 

$scope.quit = function() { //code ???? }