angular 组件学习-组件内属性绑定

#组件内的属性（元素的属性）绑定（property binding)

应用场景：通过改变DOM元素的属性，动态显示/隐藏一个元素

知识点：HTML 属性与DOM属性的区别

改变HTMl属性，浏览器需要刷新

改变DOM属性，浏览器会自动刷新

HTML是由DOM决定的

实现思路：

通过控制DOM元素的[hidden]属性

代码优化：

创建一个类

import class （导入所定义的类）

小结：

组件属性绑定：

（1）这是组件内的属性绑定，不是组件之间的属性绑定

（2）这里的属性是指DOM元素的属性

（3）这里的属性，也是指class里面所声明的变量（属性变量）

（4）对DOM属性操作时，DOM的属性要加上[ ]