一旦用户单击提交,如何从表中删除行/永久禁用提交按钮

穆罕默德

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
   
    $scope.items = [
        {name: 'xxx', amount: 13, years: 2, interest: 2},    
        {name: 'yyy', amount: 23, years: 1, interest: 3},
        {name: 'zzz', amount: 123, years: 4, interest: 4}
    ];
    $scope.sub = function()
    {
    }
    
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="myApp">

<table ng-controller="myCtrl" border="1">
    <tbody>
            <tr ng-repeat="item in items">
                <td>{{item.name}}</td>
                <td><input type=text ng-value="item.years" ng-model="first"></td>
                <td><input type=text ng-value="item.amount" ng-model="amount"></td>
                <td><input type=submit ng-click="sub()"></td>
            </tr>
            
        </tbody>
    </table>           



</body>
</html>

我上面的片段发生了什么是当用户点击提交按钮时,数据存储在数据库中并返回更新。所以我想要的是,一旦我收到更新,应该删除特定的点击行,或者无论刷新如何,该按钮都应该永久禁用。

我尝试禁用它,但是一旦它收到更新,它就会禁用所有按钮。

请帮我

回复

删除该行或禁用sub()函数中的按钮

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.items = [
        {name: 'xxx', amount: 13, years: 2, interest: 2, disabled: false},    
        {name: 'yyy', amount: 23, years: 1, interest: 3,disabled: false},
        {name: 'zzz', amount: 123, years: 4, interest: 4,disabled: false}
    ];
    
    $scope.sub = function(name)
    {
       for(var i=0;i<$scope.items.length;i++){
          if($scope.items[i].name === name){
             if($scope.disableButton){
               $scope.items[i].disabled = true;
             }else{
               $scope.items.splice(i,1);
             }
          }
       }
    }
    
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <body ng-app="myApp">
     <label>Disable button (will delete if not checked):
     <input type="checkbox" ng-model="disableButton">
     </label><br/>
    <table ng-controller="myCtrl" border="1">
        <tbody>
                <tr ng-repeat="item in items">
                    <td>{{item.name}}</td>
                    <td><input type=text ng-value="item.years" ng-model="first"></td>
                    <td><input type=text ng-value="item.amount" ng-model="amount"></td>
                    <td><input type=submit ng-disabled="item.disabled" ng-click="sub(item.name)"></td>
        </tr>
      </tbody>
    </table>           
  </body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

一旦在本机反应中单击提交按钮,即可清除文本输入数据

一旦提交按钮在离子中成功,如何隐藏Modal1并显示Modal2?

一旦用户单击所选项目之一,我如何从 javascript 中删除所选项目

一旦单击,如何在javascript函数中获取onclick按钮的标题?

单击后如何禁用提交按钮?

一旦用户从 auth firebase 服务中删除,如何注销所有会话?

单击一次后如何禁用提交按钮以防止在Angularjs中进行多次提交?

我正在尝试发布评论,工作一秒钟,但是一旦我单击“提交”按钮,它们便消失了

如何永久删除git(附件)中的提交?

如何在单击添加按钮时从表中添加或删除记录,并在提交时将所有表行发送到控制器?

如何禁用“提交”按钮?

一旦用户使用电子邮件验证了自己的身份,如何从MySQL数据库中删除用户

单击另一个文件中的提交按钮后如何禁用文件中的卡片查看

一旦合并了提交,我如何跟踪它们来自何处?

提交后,一旦从滑块中选择了某个范围,如何发出警报?

如何禁用提交按钮一周

在Git中,一旦提交的文件夹在结帐时消失

如何禁用HTML表单中的“提交”按钮?

通过单击 C# 中的按钮,从用户指定的表中删除一行

如何单击表单中的提交按钮?

查找并单击按钮,一旦启用硒python

如何从已删除的分支中永久删除提交?

一旦用户单击它,如何在制表器中使单元格为空?

一旦游戏结束,尝试删除我的重启按钮

如果动态表没有行,则启用/禁用提交按钮

如何将用户提交的数据放入新的 Firebase 密钥中,密钥仅在单击提交按钮传递数据时创建

如何推迟表单输入绑定,直到用户单击“提交”按钮?

如何发送用户名,密码并单击提交按钮

用户单击提交按钮时如何更新PHP表单?