angular 的 [style.width] 这种指令的绑定原理是什么？

[wly19960911]

我简略搜索了下，实现原理好像并不是和 ngStyle 这种类似。在源码中看到一个枚举类型，这个是不是指的是 property （类似 ngStyle ）和 [style.rule] 完全是两套机制？

文件是 template_ast.ts

export const enum PropertyBindingType {
  // A normal binding to a property (e.g. `[property]="expression"`).
  Property,
  // A binding to an element attribute (e.g. `[attr.name]="expression"`).
  Attribute,
  // A binding to a CSS class (e.g. `[class.name]="condition"`).
  Class,
  // A binding to a style rule (e.g. `[style.rule]="expression"`).
  Style,
  // A binding to an animation reference (e.g. `[animate.key]="expression"`).
  Animation,
}

[wly19960911]

https://stackoverflow.com/questions/44982328/how-does-angular-handle-binding-for-class-example-true

确定了，这种解析方式完全是另外一套机制，固定的解析方式，而不是能自由写的。我正好也想试试和题主那样的方式，查了下源码完全没头脑了，刚刚才查到

[wly19960911]

最后我只能说，这个 TM 根本不是指令...这个是一套单独的解析。难怪查指令大多都是 ngStyle 的内容了