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

How to show this html select in angularJS

本文关键字：html 选择 显示 angularJS      更新时间：2023-09-26

我不知道为什么我很难理解如何选择HTML angularjs工作。我谷歌了很多关于这个，但从来没有像我真正需要的。我有两个问题:

First:如何显示这个? 

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>

有一个特殊的指令来处理组合框:ng-options

你可以这样使用:

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

这里的模型用于填充对象，如果提交封闭表单，该对象将被发布。

更一般地说，如果你想要显示多个元素，它是ng-repeat之类的多于ng-model

请注意，Angular文档比以前更好了，所有内容都解释得很好:https://code.angularjs.org/1.2.16/docs/api/ng/directive/select

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

相关文章：