个人中心
gpt4 book ai didi

javascript - 基于一个值对一组输入使用 ng-disabled

转载 作者：行者123 更新时间：2023-11-30 08:34:27 25 4
gpt4 key购买 nike

我目前使用一个复选框来切换 8 个表单元素的禁用属性。我用过 ngDisabled Directive在每个元素上。我正在寻找一种方法，我不必将指令放在 8 个元素中的每一个上。这可能吗？

复选框切换

<input type="checkbox" ng-model="aircraftOnGround" />

在每个表单元素上使用的当前工作禁用指令

ng-disabled="aircraftOnGround"

Codepen 在这里: CodePen

最佳答案

您可以使用字段集来禁用其中的每个字段。

var $scope = {};

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

myApp.controller('formCtrl', ['$scope', function($scope){
  $scope.aircraftOnGround = 'true';
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="myApp">
  <form ng-controller="formCtrl">
    <fieldset ng-disabled='aircraftOnGround'> <!-- USE NG_DISABLE HERE -->
      <input type="text">
      <input type="text">
    </fieldset>
    <br>
    <b>aircraftOnGround:</b> <button type="button" ng-click="aircraftOnGround = !aircraftOnGround"><span ng-bind="aircraftOnGround"></span></button>
  </form>

</body>

关于javascript - 基于一个值对一组输入使用 ng-disabled，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33126815/

25 4 0
文章推荐： javascript - 遍历在nodeJs中具有嵌套对象的对象
文章推荐： java - HikariCP 连接泄漏
文章推荐： java - Spring /hibernate/甲骨文 : ORA-02289 Sequence Does Not Exist?
文章推荐： javascript - `clone` 不在 't add element ` 之后`
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com