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://fly63.com/course/15_837