Javascript 基于一个值对一组输入禁用ng

Javascript 基于一个值对一组输入禁用ng,javascript,angularjs,angularjs-directive,angularjs-scope,Javascript,Angularjs,Angularjs Directive,Angularjs Scope,我目前正在使用一个复选框切换8个表单元素上的禁用属性。我在每个元素上都使用了。我正在寻找一种方法,我不必把指令放在8个元素中的每一个元素上。这可能吗 复选框切换 <input type="checkbox" ng-model="aircraftOnGround" /> code此处打开: 您可以使用字段集禁用其中的每个字段 var$scope={}; var myApp=angular.module('myApp',[]); myApp.controller('formCtrl'

我目前正在使用一个复选框切换8个表单元素上的禁用属性。我在每个元素上都使用了。我正在寻找一种方法,我不必把指令放在8个元素中的每一个元素上。这可能吗

复选框切换

<input type="checkbox" ng-model="aircraftOnGround" />
code此处打开:

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

var$scope={};
var myApp=angular.module('myApp',[]);
myApp.controller('formCtrl',['$scope',函数($scope){
$scope.aircraftOnGround='true';
}]);


飞机着陆:
您可以使用字段集禁用其中的每个字段

var$scope={};
var myApp=angular.module('myApp',[]);
myApp.controller('formCtrl',['$scope',函数($scope){
$scope.aircraftOnGround='true';
}]);


飞机着陆:
您可以使用控制器中的监视程序禁用DOM元素的集合

myapp.controller('mainCtrl', function($scope, $element){
  $scope.aircraftOnGround = false;
  $scope.name = "abdullah";
  $scope.$watch('aircraftOnGround',function(value) {
     $element.find('.form-control').prop('disabled',value);
  });
});
注意:我在示例中使用jQuery


可以使用控制器中的监视程序禁用DOM元素集合

myapp.controller('mainCtrl', function($scope, $element){
  $scope.aircraftOnGround = false;
  $scope.name = "abdullah";
  $scope.$watch('aircraftOnGround',function(value) {
     $element.find('.form-control').prop('disabled',value);
  });
});
注意:我在示例中使用jQuery