如何使用 AngularJS 檢索多個選擇的選定值？首先：我知道 Angular Multiselect Dropdown 模塊，我不想使用它！用例需要一種不同類型的多選，這是 HTML<select multiple>允許的，我正在嘗試實現(xiàn)一種在其中兩個列表框周圍移動項目的方法。我已經(jīng)開發(fā)了一些應(yīng)該可以工作的代碼，但不知何故$scope.selected沒有填充正確的內(nèi)容（或根本沒有）。到目前為止，我認為應(yīng)該是控制器設(shè)置的問題（我對 JavaScript 比較陌生），因為使用ng-model了一個更簡單的示例。索引.html<!doctype html><html ng-app="demo"> <head> <title>Hello AngularJS</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> <script src="start.js"></script> </head> <body> <div ng-controller="Configurator"> <select multiple ng-model="selected" ng-options="x.name for x in fields"> </select> </div> {{selected}} <button ng-controller="Configurator" ng-click="move() ">Move</button> <div ng-controller="Configurator"> <select multiple ng-model="selected2" ng-options="x.name for x in chosen"> </select> </div> </body></html>開始.jsangular.module('demo', []).controller('Configurator', function($scope, $http) { $http.get('http://localhost:8080/fields'). then(function(response) { $scope.fields = response.data; console.log(response.data); }); $scope.selected; $scope.chosen; $scope.selected2; $scope.move = function() { console.log('function working'); $scope.chosen = $scope.selected.slice(); $scope.fields = $scope.fields.filter(x => !$scope.selected.includes(x)); }});為什么上面的代碼不像我預(yù)期的那樣工作？ng-model應(yīng)該動態(tài)保存在元素中的多選元素中選擇的 JSONObjects $scope.selected，但每次我通過控制臺輸出檢查時它都是空的，因此第二個多選不會在按鈕單擊時填充。我究竟做錯了什么？是否存在范圍問題，因為我通過 http 請求檢索元素？我是否必須初始化$scope.selected為數(shù)組或?qū)⑵湟苿拥讲煌姆秶?？老實說，我對谷歌沒有想法和東西，所以我很感激任何幫助。
不知何故 `$scope.selected` 沒有填充正確的內(nèi)容
蕪湖不蕪
2021-12-23 15:14:30
