javascript - 如何在 Angularjs 中设置 dropdownboxlist 的值?

标签 javascript angularjs

您好,我正在使用 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/

相关文章:

javascript - select2 jquery x-editable 未设置值 - 单个值

javascript - 为什么我无法从 json 文件中检索数据?

angularjs/渲染 内联或使用 ng-include 之间的性能差异

javascript - 将一个文件内容重写成json prepared

javascript - php中单引号之间发送参数

javascript - 如何在 Chrome 扩展程序中静音外部网页

angularjs - ASP.NET WebApi 安全 : Confusions with HMAC, OAuth、IdentityServer、Auth0

javascript - 如何创建一个基于数组中存储的用户 ID 的简单“点赞”按钮?

javascript - 如何检测所有http GET失败?

javascript - 延迟 Controller 执行,直到分配根范围属性的值