Question

使用ngOptions或ngRepeat，我的选择列表为空。 Angular的新手，我怀疑范围问题 - Angular文档和其他帖子尚未产生解决方案。

绝对加载了一系列对象 - 请参阅下面的代码片段，了解哪些内容正在运行，哪些内容不起作用。有效的2件，有的却没有。

<form name="aForm">
  <!--this works-enumerates the array of objects.  straight from tutorial-->
  <li *ngFor="let x of models">
    <span>{{x.id}}</span> {{x.name}}
  </li>

  <!--this works for showing data in the list, but yuk-->
  <select ng-model="selectedmodel" > 
    <option value="{{models[0].id}}">{{models[0].name}}</option>
    <option value="{{models[1].id}}">{{models[1].name}}</option>
    <option value="{{models[2].id}}">{{models[2].name}}</option>
    <option value="{{models[3].id}}">{{models[3].name}}</option>
    <option value="{{models[4].id}}">{{models[4].name}}</option>
  </select>

  <!--this does not work - produces an empty choicelist-->
    <select name="pricemodelselect"
            ng-model="selectedpricemodel"
            ng-options="x as x.name for x in models">
    </select>
</form>

Answer 1

选择*ngFor选项而不是select。试试这个：

<select ng-model="selectedmodel"> 
    <option *ngFor="let x of models" value="{{x.id}}">{{x.name}}</option>
</select>

无论你将这个结构指令放在哪个标签上，都会迭代遍历数组的所有值。

ng-options未将任何选项加载到select

1 个答案: