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

如何通过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感兴趣(无论如何不应该从控制器完成)@H_403_11@

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...