angularJSのng-clickとng-styleを使った方法
angularJSについて質問です。
ng-repeartを使って、表示されたリストの中から項目をクリックすると背景色が変わるプログラムを作成したいと思っています。今回はangularJSのデータバインド機能を使って次のプログラムを実行させたいのですが上手くいきません。ng-repeartでループさせているlistには複数のキーと値が格納されています。今回は、そのキーの1つとしてstyleというキーにCSSを持たせて受け渡しを行いたいと考えています。
HTMLファイル側
<div ng-repeart="item in list" ng-click="change(item)" ng-style="{{item.style}}" >
<P>表示する項目名</p>
</div>
JSファイル側
$scope.change = function(check){
if(check.style==null){
check.style = "{backgroundColor: 'red' }";
}else{
check.style = "{backgroundColor: 'blue' }";
}
}
現状では、データバインディングされて、コードは変更されるのですが見え方は変わりません。
このような場合の対処法を教えてください。