Angular8 - 绑定数据和属性

原创已于 2022-12-10 15:36:39 修改 · 657 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #angular.js

于 2020-02-06 18:32:00 首次发布

本文介绍了Angular中数据绑定的基本概念，展示了如何使用public关键字在组件中定义并绑定数据到视图。通过一个简单的示例，讲解了如何在HomeComponent中设置字符串变量title，并在页面上显示该变量的内容。

绑定数据：public protected private，不写则默认为public

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

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  public title:string = '我是首页上的绑定的数据'; // 绑定文本数据
  
  constructor() { }

  ngOnInit() {
  }

}