select 选项无法显示名称 - angularJS

Question

我有这个 select，我正在通过我的 controller 填充它。或者至少应该这样做。

我一直在尝试这个

<select class="form-control selectWidth" 
    required 
    ng-model="template.type" 
    ng-init="template.type = template.type || types[0]"
    ng-options="type.name as type.name for type in types">

    <option style="display:none" value="" disabled>select a type</option>
</select>

来自我的控制器的 $scope.types

$scope.types = [
    { title:'cities', type:'city', templates: []},
    { title:'buildings', type:'building', templates: []}
];

select 添加项目，但不会显示名称。

Answer 1

我觉得你想改变

type.name as type.name for type in type

和

type.title as type.title for type in type

或者

type.type as type.type for type in type

取决于您要显示的内容

select 选项无法显示名称 - angularJS

select options unable to show names - angularJS

html

html-select

angularjs