Angular 2 数据显示

Angular 2 数据显示 - 插值法

要显示组件的属性，插值是最简单的方式

语法

{{属性名}}

下面的代码基于 angularJS 2 TypeScript 环境配置来创建

你可以从该章节上下载源码，并修改以下提到的几个文件

app/app.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
    <h1>{{title}}</h1>
    <h2>我喜欢的网站: {{mySite}}</h2>
    `
})
export class AppComponent {
  title = '站点列表';
  mySite = 'Angular教程';
}

注意： 模板是包在反引号 ( ` ) 中的一个多行字符串，而不是单引号 (')

Angular 会自动从组件中提取 title 和 mySite 属性的值，并显示在浏览器中

链接: https://www.fly63.com/course/15_837