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
関数はスタイルを返しません! 何をすべきか?