gpt4 book ai didi

javascript - 使用 Angular 在选择下拉列表中设置默认值

转载 作者:行者123 更新时间:2023-11-28 11:31:22 24 4
gpt4 key购买 nike

我在这里有一个简单的下拉菜单。
这里默认情况下我需要将 Tobias 显示为选中状态。如何做到这一点?

<body>

<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="x for x in names">
<option selected="selected">Tobias</option>
</select>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
</script>

</body>

这就是我在原始代码中尝试的内容。

<select><option value="" selected="selected">{{data.LeaveType}}</option><option data-ng-repeat="data in leaveTypes" value="{{data.id}}">{{data.Name}}</option></select>

//这里data.LeaveType是其他方法(从后端获取选定的选项)
//leaveTypes 中的数据 - 加载下拉数据

最佳答案

只需使用 ng-init 设置默认值

<select ng-model="selectedName" ng-init="selectedName=='Tobias'" ng-options="x for x in names">

演示

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello AngularJS</title>
</head>

<body ng-controller="myCtrl">
<select ng-model="selectedName" ng-init="selectedName='Tobias'"
ng-options="x for x in names"></select>
<script src="https://code.angularjs.org/1.6.1/angular.js"></script>
</body>
</html>

关于javascript - 使用 Angular 在选择下拉列表中设置默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44651269/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com