>header.component.ts ~~~ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-header', templateUrl: './header.component.html', styleUrls: ['./header.component.css'] }) export class HeaderComponent implements OnInit { public obj:object={ title:"对象的 title" } public title:string='标题'; constructor() { } ngOnInit(): void { } } ~~~ #[动态属性] 规范用法是给标签里的,如果在标签内部的html用 {{}} ## 动态属性 重要! >header.component.html ~~~ <div [title]="obj.title"> 鼠标移上去看看啊,title 动态属性 </div> <div title="obj.title"> 鼠标移上去看看啊,title静态属性 </div> ~~~