当选项是o =使用ng-repeat构造时，从选择框中获取所有选项
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了当选项是o =使用ng-repeat构造时，从选择框中获取所有选项相关的知识，希望对你有一定的参考价值。
我正在尝试从下拉列表中检索所有选项。我手动构建了所有的选项但是在使用ng-repeat构造时我无法获得它们。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
var x = document.getElementById("mySelect").options.length;
document.getElementById("demo").innerhtml = "Found " + x + " options in the list.";
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<p id="demo"></p>
<select id="mySelect" >
<option ng-repeat="x in names">{{x}}</option>
</select>
</div>如您所见，当您运行代码段时，找到的项目将返回为“0”。
但是，如果您手动构造选项，则下面的代码段会起作用。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
var x = document.getElementById("mySelect").options.length;
document.getElementById("demo").innerHTML = "Found " + x + " options in the list.";
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<p id="demo"></p>
<select id="mySelect" >
<option >Emil</option>
<option >Tobias</option>
<option >Linus</option>
</select>
</div>想知道如何在选择ng-repeat时使用所有选项。谢谢！
答案
它正在发生，因为你的函数在呈现DOM之前执行。只需将您的代码包装在$timeout中，它就会按预期工作，因为$timeout只会在渲染DOM后执行您的代码。
工作实例：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
$scope.names = ["Emil", "Tobias", "Linus"];
$timeout(function () {
var x = document.getElementById("mySelect").options.length;
document.getElementById("demo").innerHTML = "Found " + x + " options in the list.";
});
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<p id="demo"></p>
<select id="mySelect" >
<option ng-repeat="x in names">{{x}}</option>
</select>
</div>以上是关于当选项是o =使用ng-repeat构造时，从选择框中获取所有选项的主要内容，如果未能解决你的问题，请参考以下文章
使用 AngularJS 和 ng-repeat 初始化选择