角度选择不会填充选项

Question

我正在尝试学习nodejs。我有一个简单的应用程序，我在options

中定义了一个数组app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  options = ["Option1", "Option2"];
}

我试图将这些选项公开为下拉列表app.component.html

<div style="text-align:center">
  <h1>
    {{options}}!
    <select name="repeatSelect" id="repeatSelect" ng-model="app-root">
      <option ng-repeat="option in options" value="{{option}}">{{option}}</option>
    </select>
  </h1>

出于某种原因，选择框未填充。如果我打印选项，我可以清楚地看到它打印正常。 这是截图

Answer 1

您应该使用*ngFor。因为你正在使用角度4.角度2/4/5中没有ng-repeat指令。

<option *ngFor="let option of options" value="{{option}}">{{option}}</option>

Answer 2

尝试

<div style="text-align:center">
  <h1>
    <select name="repeatSelect" id="repeatSelect" >
      <option *ngFor="let option of options;" value="{{option}}">{{option}}</option>
    </select>
  </h1>