Question

不在选择元素中显示第一个选项？这里是从空选项开始的下拉列表。为什么我没有得到第一个选项作为数组的索引？为什么angularjs在select中包含一个空选项如何使用ng-option设置select元素的默认值 AngularJS中的自定义选择元素选项如何在angularjs的选择框中显示选项？使用AngularJS在select元素中获取所选选项首先选择不在IE中工作的元素 ng-options中的选定元素与数组如何在Angular中过滤后选择第一个选择选项使用ng-options在select中显示未列出的值使用ng-options angularjs显示选定的值如何使用angular JS设置下拉列表控件的选定选项如何在选择列表Angular JS中选择第一个元素？如何在ng-repeat中使用ng-select中的第一个选项激活

<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
<script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
<select ng-model="selected" ng-init="a" >
<option  ng-repeat="a in ['CSE','ECE','CHEM','MME','CE']">{{a}}</option>
</select>
<p>{{selected}}</p>
</body>
</html>

Answer 1

您需要分配所选内容，以便选择您选择的选项。在您的代码中，选中的是null / undefined，因此您的第一个选项不会被选中。

Here是我通常解决这个问题的方法：

<强> JS

app.controller('MainCtrl', function($scope) {
  $scope.arr = ['CSE','ECE','CHEM','MME','CE'];
});

<强> HTML

<body ng-controller="MainCtrl">
    <select ng-model="selected" ng-init="selected = arr[0]" >
    <option  ng-repeat="a in arr">{{a}}</option>
    </select>
    <p>{{selected}}</p>
</body>

在ng-init中，我将selected选为数组的第一个元素，默认情况下会选择此选项。

不在选择元素中显示第一个选项？

1 个答案: