-2

我是 Angular 的新手，我不确定如何将数据呈现为 HTML 标记。如何在组件模板中显示组件数据？

在这个plnkr中有一个小的复制品。

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

@Component({
  selector: 'my-app',
  template: `<ul class= "master">
                <li *ngFor ="let student of liArraycontent">  </li>
              </ul>`
})
export class AppComponent { 
  name = 'Angular';
  liArraycontent = ["testing 1", "testing 2", "testing3"]


}
4

2 回答 2

2

因此，在您的列表代码中，只需执行以下操作：

<li *ngFor ="let student of liArraycontent">{{student}}</li>

同样，如果您有一个对象数组，您可以执行此操作{{student.name}}或该对象的任何其他属性

于 2017-06-06T21:40:54.240 回答
1

要在模板（html 代码）中显示来自数据源（组件类）的信息，您需要使用插值。{{}}您可以通过在模板中使用双花括号语法来做到这一点。通过这样做，您将自动将数据绑定到一个方向：数据源到模板。这意味着，如果数据源中的数据发生更改，这些更改将反映在您的模板中。

我建议您阅读文档的以下部分： https ://angular.io/docs/ts/latest/guide/template-syntax.html

希望能帮助到你！

于 2017-06-07T01:21:06.427 回答