json - 为什么 NG-REPEAT 不适用于服务中的 json 变量？

Question

我的 StudentService.ts 中有一个 JSON 变量，我想从这些 JSON 中填充我的选择选项。

我的服务：

  careers : {};
  constructor(private http: HttpClient) { 
    this.selectedStudent = new Student();
    this.careers = [
      {"id":"itic", "name":"Sistemas"},
      {"id":"itic", "name":"Sistemas"},
      {"id":"itic", "name":"Sistemas"},
    ];
  }

我的模板.html

<p>{{ studentService.careers | json }}</p>
<div class="input-field col s12">
  <select>
    <option ng-repeat="career in studentService.careers">{{career.name}}</option>
  </select>
    <label>Materialize Select</label>
</div>  

第一行template.html有效，并显示了我的 JSON，但我无法在我的选择中复制它。

标签： jsonangular

Answer 1

Angular没有ng-repeat，对应的语法是ngFor，需要用ngFor改一下，

<select>
    <option *ngFor="let career of studentService.careers">{{career.name}}</option>
</select>