我想用 AngularJs 制作一个常规选择列表，有一个预选选项，我该怎么做？答案

【问题标题】：I want to make a regular select list with AngularJs have a preselected option, how do I do that?我想用 AngularJs 制作一个常规选择列表，有一个预选选项，我该怎么做？
【发布时间】：2014-04-10 14:24:41
【问题描述】：

请不要向我指出任何其他答案。都试过了。不建议将 ng-repeat 用于选择列表，已使用 ng-options。

尝试了 ng-init、ng-model 和 ng-options 之间的任意组合，但无济于事。

这是我的html：

    <div class="appFilter" ng-show="visibility">
    <span class="fa {{icon}}"></span>
    <select  name="{{filter_name}}" id="filter_{{filter_name}}"
                    ng-model="model"
                    ng-options="u as u.name for u in list track by u.id"
                   >
    </select>
</div>

这是我的模型：

[
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
{prop1:prop1,prop2:prop2,prop3:prop3},
]

我第一个选择的选项总是像 value="?"选择=“选择”。我的意思是抱歉，我是 Angular 的新手，但是从什么时候开始框架让生成一个简单的选择列表变得如此困难？

感谢你们对我的挫败的耐心等待，我在这里绝望了！

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

我相信您的问题是您的代码中有错字。

当您设置当前正在执行的 $scope.model 值时

$scope.model = list[0];

什么时候该做

$scope.model = $scope.list[0];

这是一个证明它有效的 plunker：http://plnkr.co/edit/M6YuyBA4y7G6HIF7Wfrk?p=preview

【讨论】：