14

angularフォームテンプレートのhtmlタグにマルチCSSルールを適用する必要があります。

<div class="form-control" id="data.objectStyle"  
  ng-model="data.type" 
  ng-style="getStyle(data.objectStyle)">
{{data.objectStyle.title}}
</div>

コントローラーの getStyle 関数:

$scope.getStyle = function (taskType) {
    return {
         background-color:taskType.backColor,
         color: taskType.color,
         font-size:taskType.fontSize,
         font-family:taskType.font
    }
)};

taskType オブジェクト:

{
    backColor:'#006',
    color:'#56DA',
    fontSize:12,
    font:'New Times Roman'
}

このgetStyle関数はスタイルを返しません! 何をすべきか?

4

1 に答える 1