Angular4总结(四)—— 数据绑定,响应式,管道,响应式的


数据绑定

angular4中默认的数据绑定都是单向的。可分为:

插值表达式形式(Dom属性绑定)

{{test}}

Dom 属性绑定流程:

  1. 控制器中定义了一个属性,值发生了改变
  2. 对应的dom的value被附上改变了的值
  3. 渲染后的页面上也会出现刚刚的值
  4. 这一切操作都和html属性不发生任何关系

html属性绑定,使用中括号


//如果没有写这个方括号,angular会把属性右侧的值作为字符串进行赋值,而非表达式
  • 基本Html属性绑定

  • CSS属性绑定

    • 这种形式是全有或者全无的。
    •   < div [class] = "classA classB classC">  
  • A,B样式固定,C随着boolean的true或者false决定是否显示
  •   < div class="classA classB" [class.classC]="一个boolean值">