attr.style在angular2 rc1中不起作用

Question

我已从Angular2 beta升级到RC1

attr.style工作不正常，没有错误，但这种风格不会出现

<div class="hotspot_info pointer" attr.style="top: {{towerPoint.posY}}%; left: {{towerPoint.posX}}%;" >

Answer 1

我会改用ngStyle指令：

<div class="hotspot_info pointer"
   [ngStyle]="{top: towerPoint.posY + '%', left: towerPoint.posX + '%'}" >

Answer 2

导入：

import {NgStyle} from '@angular/common';

set directive：

directives: [NgStyle]

然后尝试：

<div class="hotspot_info pointer" [ngStyle]="{top: towerPoint.posY+'%'+; left: towerPoint.posX+'%'}" >

Answer 3

  

ngStyle指令允许您设置CSS样式

<div class="ng-style: expression;"> ... </div>