angularjs - angularjsのngクラスでのバインディング

Question

以下のコードでは、「selectedDesignAreaId」という名前のコントローラーに変数があり、この変数を「designarea.id」の現在の値にバインドしていますが、「selectedDesignAreaId」をリピータークラスのdesignAreaIdの値のいずれかに変更すると更新されていません...常に「unSelectedCanvas」が設定されています...

<div ng-repeat="designArea in productView.designAreas" style="position:absolute;left:{{designArea.x}}px ; top:{{designArea.y}}px;background-color: #ffdead"
                 ng-click="onDesignAreaClick(designArea.id)"
                 ng-class="{true: 'selectedCanvas', false:'unSelectedCanvas'}[(designArea.id == selectedDesignAreaId)]">