angular2 – 角度2.0绑定值到样式

我试图绑定一个颜色属性从我的类(通过属性绑定获取)来设置我的div的背景颜色。

import {Component,TemplatE} from 'angular2/angular2';

@Component({
  SELEctor: 'circle',bind:{
    "color":"color"
  }
})
@Template({
  url: System.baseURL + "/components/circle/template.html",})
export class Circle {
    constructor(){

    }

    changeBACkground():string{
        return "BACkground-color:" + this.color + ";";
    }
}

我的模板：

<style>
    .circle{
        width:50px;
        height: 50px;
        BACkground-color: lightgreen;
        border-radius: 25px;
    }
</style>
<div class="circle" [style]="changeBACkground()">
    <content></content>
</div>

该组件的用法：

<circle color="teal"></circle>

我的绑定不起作用，但也不会抛出任何异常。
如果我将{{ChangeBACkground()}}放在模板的某处，那么会返回正确的字符串。那么为什么风格绑定不起作用？

还可以想到它，我如何看到Circle类内的颜色属性的更改？什么是替代品？

$scope.$watch("color",function(a,b,){});

在角2.0？

<div class="circle" [style.BACkground]="color">