您好,我正在使用 angularjs 开发 Web 应用程序。我里面有一个 html 表单,里面有 dropdownboxlist。我这里有两种情况。首先,我将值绑定(bind)到下拉列表,如下所示。
<select ng-model="user.Nationality"
name="nationality"
id="Nationality"
ng-options="user.Nationality for user in nationalityList"
required>
<option value="" label="Nationality">Nationality</option>
</select>
第二种情况是在页面加载之前选择的数据(如果存在的话)我想要绑定(bind)。如果对于某些用途已经使用国籍数据,例如,如果用户之前选择了国籍为印度,那么在页面加载时我只想将印度绑定(bind)到下拉菜单。 下面是我在 api 调用中接收的对象。
"NationalitObj":
{
"ID":1,
"Nationality":"indian"
},
现在我想将上面的 dropdoownboxlist 的国籍设置为印度。
下面是我如何尝试设置国籍值的代码。
$scope.nationalityList = PersonalInfo.NationalitObj;
$scope.user.Nationality = $scope.nationalityList.Nationality;
这会导致错误无法设置未定义的属性“国籍”。我可以知道我该怎么做吗?任何帮助,将不胜感激。
提前致谢。
最佳答案
引用这个:
angular.module("app",[])
.controller("ctrl",['$scope',function($scope){
$scope.nationalityList = [
{Id:1, Nationality:'Indian'},
{id:2, Nationality:'American'}
]
$scope.user = {};
$scope.user.Nationality = $scope.nationalityList[0].Id;
}])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<html>
<body ng-app="app" ng-controller="ctrl">
<select ng-model="user.Nationality"
name="nationality"
id="Nationality"
ng-options="user.Id as user.Nationality for user in nationalityList"
required>
<option value="" label="Nationality">Nationality</option>
</select>
</body>
<html>
关于javascript - 如何在 Angularjs 中设置 dropdownboxlist 的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44253385/