如何找到 angular.js 中发生更改的页面？

Question

这是一个完成的项目，我被要求解决一个问题。

有3 个选择框，并且都有不同的名称。 第一个选择框的名称是nameSelectBox162572640796915 ，第二个是nameSelectBox16257264317217 ，第三个nameSelectBox162572643286379

选择框有3 个值选项，它们是"1"、"2"或"3" ，如果我选择 1 或 2 或 3，则其他人无法选择我选择的任何内容，

在开发人员工具上，我能够做到。

例如：无论我在第一个SelectBox 中选择什么，我都会为第二个编写此代码，以便该选择框无法选择该值

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

我查看的页面是http://localhost:3000/#/form

但是我找不到那个页面，我不知道在哪里编写对我有用的代码......我该怎么做？

Answer 1

这是一种方法。 通过 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>

如何找到 angular.js 中发生更改的页面？

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-07-09 06:23:54

如何找到 angular.js 中发生更改的页面？

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-07-09 06:23:54

解决方案1
0 已采纳 2021-07-09 06:23:54