angularjs – 通过ng-submit找到触发按钮

发布时间：2020-12-17 07:30:04 所属栏目：安全来源：网络整理

导读：如何通过ng-submit找到表单中的触发按钮并在此按钮中获取属性 form ng-submit="submit()" ng-controller="Ctrl" input type="submit" att1="A" att2="B" value="Edit" / input type="submit" att1="C" att2="D" value="Delete" //formscript function Ctrl(

如何通过ng-submit找到表单中的触发按钮
并在此按钮中获取属性

<form ng-submit="submit()" ng-controller="Ctrl">
  <input type="submit" att1="A" att2="B" value="Edit" />
  <input type="submit" att1="C" att2="D" value="Delete" />
</form>

<script>
  function Ctrl($scope) {
    $scope.submit = function() {
      alert(this.att1)
      alert(this.att2)
    }
  }
</script>

您可以在提交之前使用ng-click更改范围的值

<form ng-submit="submit()" ng-controller="Ctrl">
  <input type="submit" ng-click="setAtts('A','B')" value="Edit" />
  <input type="submit" ng-click="setAtts('C','D')" value="Delete" />
</form>

<script>
  function Ctrl($scope) {
    $scope.submit = function() {
      alert($scope.att1);
      alert($scope.att2);
    };

    $scope.setAtts = function(a1,a2) {
      $scope.att1 = a1;
      $scope.att2 = a2;
    };
  }
</script>

编辑：作为旁注,$event对于ng-submit不起作用,如果你对使用$event.target感兴趣(无论如何不应该从控制器完成)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!