javascript - 如何在 angularJS 中显示这个 html 选择

Question

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

第一:如何展示？

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

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

$scope.selectModulos = response.data;

对此:

<selec ng-model="module.prelacionId" >
   <option value="34">test module 34 </option>
   <option value="35">test module 35 </optionn>
</select>

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

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

Answer 1

有一个特殊的指令可以使用组合框:ng-options

你可以这样使用它:

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

这里的模型用于填充您提交封闭表单时将发布的对象。

更一般的，如果要显示多个元素，就比 ng-model 多用 ng-repeat 之类的

请注意，Angular 文档比以前更好，并且一切都得到了很好的解释:https://code.angularjs.org/1.2.16/docs/api/ng/directive/select

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