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选项中可以工作：

    <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;

Angular JS ng-options返回“？object：005？”

1 个答案: