为什么不表达

时间:2016-07-21 07:36:55

标签: angular

我正在学习angular2对ngStyle有疑问。请考虑以下代码:

<div>
  <span [ngStyle]="{color: 'red'}" [style.font-size.px]="fontSize">
    red text
  </span>
</div>

为什么[style.font-size.px]="fontSize"不需要{{}}?像:

 <div>
  <span [ngStyle]="{color: 'red'}" [style.font-size.px]="{{fontSize}}">
    red text
  </span>
</div>

1 个答案:

答案 0 :(得分:3)

插值{{…}})和绑定[…](…)[(…)])都使用“模板表达式“语法。

如果你想要一个绑定的文字值,你应该*做

[foo]="'strValue'"

IOW:绑定表达式,已经需要“模板表达式”

查看https://angular.io/docs/ts/latest/guide/template-syntax.html

*)阅读下面的Günter评论