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？