如何找到我在angular.js中进行更改的页面?

h5qlskok  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(270)

这是一个已完成的项目,我被要求解决一个问题。
有3个选择框,它们都有不同的名称。第一个选择框的名称是 nameSelectBox162572640796915 第二个是 nameSelectBox16257264317217 ,第三个 nameSelectBox162572643286379 选择框有3个值选项,它们是“1”、“2”或“3”,如果我选择1、2或3,其他人将无法选择我选择的任何值,
在开发工具上,我能够做到这一点。
例如:无论我在第一个选择框中选择什么,我都会为第二个选择框编写此代码,以便该选择框的值不可选择

var source = document.getElementsByName("nameSelectBox162572640796915")[0];
source.value
document.getElementsByName("nameSelectBox16257264317217")[0].options[source.value].setAttribute("disabled","disabled")

我看到的那一页是 http://localhost:3000/#/form 但是我找不到那个页面,我也不知道该在哪里写适合我的代码。。。我怎么做?

wfsdck30

wfsdck301#

这里有一个方法。设置要通过ng repeat创建的选项,然后使用ng disabled测试已选择的数字

angular.module('myApp', [
  // myApp dependencies (controllers, etc.) injected here...
  'myApp.controllers'
]);

angular.module('myApp.controllers', []).
controller('MyCtrl', ['$scope', function($scope) {
  $scope.select1 = '';
  $scope.select2 = '';
  $scope.select3 = '';
  $scope.numbers = [1, 2, 3, 4, 5];

}])
<html ng-app="myApp" ng-controller="MyCtrl">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<select ng-model="select1">
  <option ng-repeat='num in numbers' ng-disabled="(select2 == num || select3 == num)">{{num}}</option>
</select>

<select ng-model="select2">
  <option ng-repeat='num in numbers' ng-disabled="(select1 == num || select3 == num)">{{num}}</option>
</select>

<select ng-model="select3">
  <option ng-repeat='num in numbers' ng-disabled="(select2 == num || select1 == num)">{{num}}</option>
</select>

</html>

相关问题