Javascript 使用angularjs单击一个按钮时禁用两个按钮

我是angularJS的新手，正在制作一个有两个按钮的表单（提交和关闭）

“提交”按钮有一个

type=“Submit”

，“关闭”按钮有一个

type=“button”

单击时，我已成功禁用“提交”按钮，但我还需要禁用“关闭”按钮

这是我一直坚持的一点

还要指出的是，当表单打开时，在填充所有必填字段之前，表单上的“提交”按钮处于“禁用”状态

所有这些目前都是在HTML中完成的

HTML

提交
接近

总之，我希望在单击“提交”按钮时禁用“提交”和“关闭”按钮。我不介意点击“关闭”按钮，因为“提交”按钮已经被禁用

我需要向控制器添加代码吗？如果是这样的话，请你帮我解决一下，因为我似乎无法从谷歌找到一个起点

谢谢这里有一个例子。。。 将此代码放入.js文件中

 var app = angular.module('plunker', []);

 app.controller('MainCtrl', function ($scope) {
    $scope.name = 'World';
    $scope.disable_buttons = false;
    $scope.submit = function () {
        $scope.disable_buttons = true;
    }

 });

和HTML格式

  <button ng-disabled="disable_buttons"
                type="submit" ng-click="submit()" title="Click to set the reminder.">
            Submit
        </button>
        <button ng-disabled="disable_buttons" type="button" ng-click="cancel()" title="Click cancel the reminder.">Close</button>

提交
接近

简而言之，您需要一个ViewModel属性来驱动所需的行为，并将其分配给每个按钮的

ng disabled

指令：

<button type="submit" ng-disabled="commandButtonsDisabled"
        ng-click="submit(); commandButtonsDisabled = true">Submit</button>

<button type="button" ng-disabled="commandButtonsDisabled"
        ng-click="cancel()">Close</button>

离题：

看起来您有一堆表单元素，您也在测试它们的有效性。使用表格的有效性，而不是单独测试每个元素：

<div ng-form="enterreminder">
   <input ng-model="remtype" ...>
   <input ng-model="remother" ...>
   ...
   <button type="submit" ng-disabled="enterreminder.$invalid || commandButtonsDisabled"...>Submit</button>
</div>

...
提交

您的提交和关闭按钮不能查看单个范围变量，如下面的“提交”：

<button ng-disabled="submit" ng-click="submit=true">Submit</button>
<button ng-disabled="submit">close</button>

提交
关闭

工作得很愉快，感谢你的离题，从我的代码中删除了几行。不知道为什么我一开始没有想到这一点。

<div ng-form="enterreminder">
   <input ng-model="remtype" ...>
   <input ng-model="remother" ...>
   ...
   <button type="submit" ng-disabled="enterreminder.$invalid || commandButtonsDisabled"...>Submit</button>
</div>

<button ng-disabled="submit" ng-click="submit=true">Submit</button>
<button ng-disabled="submit">close</button>