如何在 Dropdownboxlist 中分配默认值？答案

【问题标题】：How to assign default value in Dropdownboxlist?如何在 Dropdownboxlist 中分配默认值？
【发布时间】：2017-09-13 03:15:56
【问题描述】：

你好我正在开发 angularjs 应用程序。我尝试了很多方法来为 Angularjs 中的下拉菜单设置默认值，但我无法设置默认值。

 <select ng-change="getModel(b.ID)" ng-model="b.ID"  id="brand" ng-options="b.MakeName for b in list">
                    <option value="1">-- Select a Make --</option>//Not working
                </select>
                <select  ng-change="getStyle(a.ID)" ng-model="a.ID" ng-options="a.ModelName for a in Modellist" id="make" >
                    <option value="1">-- Select a Model --</option>
                </select>//Not working
                <select ng-change="getallDetails(c.ID)" id="type" ng-model="c.ID" ng-options="c.BodyStayleName for c in ModelStyle">
                    <option value="1">-- Select a Type --</option>
                </select>//Not working

我可以知道我在这里遗漏了什么吗？任何帮助，将不胜感激。谢谢。

【问题讨论】：

你应该在这里初始化模型b.ID
how to use ng-option to set default value of select element的可能重复
你用谷歌搜索了吗？我刚刚找到了一大堆其他 SO 问题/答案，它们可以帮助您解决问题 Why does AngularJS include an empty option in select? ng-options how to set first select always blank How to have a default option in Angular.js select box

标签： angularjs dropdownbox

【解决方案1】：

使用ng-init或将默认值设置为控制器内部的模型变量，

  $scope.BrandId = "1";

演示

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
  <script>
    angular.module("myapp", [])
      .controller("MyController", function($scope) {
        $scope.register = {};
        $scope.BrandId = "1";

        $scope.brands = [{
          id: "1",
          name: "TOYOTA"
        }, {
          id: "2",
          name: "HONDA"
        }, {
          id: "3",
          name: "MARUTI"
        }, {
          id: "4",
          name: "BMW"
        }];
      });
  </script>
</head>

<body ng-app="myapp">
  <div ng-controller="MyController">
    <div>
      <select ng-init="BrandId=='1'" ng-model="BrandId" ng-options="brand.id as brand.name for brand in brands"></select>
    </div>
  </div>
</body>

</html>

【讨论】：

谢谢。我补充说，但我仍然面临问题。请参考ss。
你有什么在列表[0]
@NiranjanGodbole 因为它是一个对象，你需要访问 ID 属性 ng-init="b.ID = list[0].ID"
是的，我明白了，我尝试使用 ID 和 MakeName，但没有运气。在浏览器中我得到
谢谢。在页面加载时，它给出了一个银行行，如上图所示。但在选择一个值后，它可以正常工作。