显示数据

三种方式:

  • 通过插值表达式显示组件的属性
  • 通过 NgFor 显示数组型属性
  • 通过 NgIf 实现按条件显示

1.使用插值表达式显示组件属性

要使用该种方式,只需要把属性名包裹在大括号放进属性模板。eg:{{title}}

2.使用ngFor显示数组属性

<ul>
      <li *ngFor="let hero of heroes">
        {{ hero }}
      </li>
</ul>

3.通过 NgIf 实现按条件显示

<p *ngIf="heroes.length > 3">There are many heroes!</p>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版本:Angular 5.0.0-alpha 在 Angular 中最典型的数据显示方式,就是把 HTML 模板中...
    soojade阅读 621评论 0 1
  • 总的来说就是利用插值表达式和其它形式的属性绑定机制,把数据显示到 UI 上 a.插值表达式 要显示组件的属性,最简...
    赵然228阅读 1,611评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,915评论 18 139
  • 显示数据 在 Angular 中最典型的数据显示方式,就是把 HTML 模板中的控件绑定到 Angular 组件的...
    清华同方阅读 271评论 2 0
  • 又快到周末了,今天不知道写什么,分享一下 思念 作者:马克思 (德) 燕妮,即使大地盘旋回翔, 你比太阳和天空更光...
    虾虾哥阅读 129评论 2 1