ngFor有效，但不是ng-options或ng-repeat

Question

我创建了一个Angular 5项目。

我创建了自己的组件，并将组件html模板传递给人员列表。

以下代码可以使用

  <ul>
      <li *ngFor="let x of persons">{{ x.Id }}: {{ x.personName }}</li>
  </ul>

我需要把它放在一个选择而不是列表中。

ng-options无效

<select ng-model="selectedPerson" ng-options="x.personName for x in persons"></select>

ng-repeat不起作用

<select><option ng-repeat="x in persons">{{x.personName}}</option></select>

两者都在浏览器中出现以下错误。

  

错误类型错误：无法读取属性＆＃39; personName＆＃39;未定义的

我做错了什么？

Answer 1

尝试这样：

在角度5中使用ngFor而不是ng-repeat

<select [(ngModel)]="selectedPerson" name="selectedPerson">
    <option *ngFor="let x of persons">{{x.personName}}</option>
</select>

Answer 2

使用[(ngModel)]代替ng-model：

<input type="text" class="form-control" id="name" required  [(ngModel)]="model.name" name="name" />

请检查此link