Javascript 如何在angularJS中显示此html选择

我不知道为什么我很难理解SELECTHTMLAngularJS是如何工作的。我在谷歌上搜索了很多关于这个的信息，但从来没有像我真正需要的那样。在两种情况下，我确实有两个问题：

首先：如何显示此内容？

response.data: [
{
   id: "34",
   nombre: "test module 34",

},
{
   id: "35",
   nombre: "test module 35",
}
]

$scope.selectModulos = response.data;

<select ng-model="module.ModuleType">
   <option value="on_line">On line</option>
   <option value="presential">Presential</option>
</select>

为此：

测试模块34
测试模块35

第二：为什么在第一个元素中保留空白？

response.data: [
{
   id: "34",
   nombre: "test module 34",

},
{
   id: "35",
   nombre: "test module 35",
}
]

$scope.selectModulos = response.data;

<select ng-model="module.ModuleType">
   <option value="on_line">On line</option>
   <option value="presential">Presential</option>
</select>

在线
存在的

使用组合框有一个特殊指令：

ng选项

您可以这样使用它：

<select ng-model="module.ModuleType"
        ng-options="selectModulo.id as selectModulo.nombre for selectModulo in selectModulos">
</select>

此处的模型用于填充提交随附表单时将发布的对象

更一般地说，如果要显示多个元素，则与

ng model

请注意，Angular文档比以前更好，所有内容都得到了很好的解释：

然而，对于你的第二个问题，我不确定你说的“空白”指的是什么