javascript - Angular JS ng-options 返回 "? object:005 ?"

Question

我到处搜索，很难说出我做错了什么。我正在尝试使用来自控制器的值填充选择组件

我的控制器片段

$scope.sTypes=
[
    {name:'PGD',id:1},
    {name:'MSC',id:2},
    {name:'PHD',id:3},
    {name:'DBA',id:4}
]
$scope.selectedType={};

我的 HTML 选择

<select ng-model="selectedType" ng-option="sType.name for sType in sTypes">
            <option>--- Select Scholarship ---</option>
        </select>

正在渲染什么

<select 
   ng-model="selectedType" 
   ng-option="sType.name for sType in sTypes" 
   class="ng-pristine ng-valid">
        <option value="? object:005 ?"></option>
        <option value="--- Select Scholarship ---">
    --- Select Scholarship ---
        </option>
</select>

任何帮助将不胜感激，因为这开始让我生气。

Answer 1

我自己还没有看到确切的东西，但我发现添加value=""到 null 选择选项可以工作：

    <select ng-model="selectedType" ng-option="sType.name for sType in sTypes">
        <option value="">--- Select Scholarship ---</option>
    </select>

ng-model如果为空，这将是默认的选择选项。

所以，我会像上面一样配置html，然后selectedType像这样初始化：

$scope.selectedType=null;