바인딩 객체는

Question

• 나는 재산 'schoolclassCode'

  내가 버튼을 바인딩 할

• 배경 색상의 값으로 버튼 텍스트/캡션을 바인딩 할 속성 'background'의 값으로

어떻게 둘 다 할 수 있습니까?

이 템플릿에 사용할 수 있도록 범위에 해당 변수를 할당 할 필요가

this.schoolclassCodeColors = [ 
    { background: 'yellow', schoolclassCode: 'Sports5a'}, 
    { background: 'green', schoolclassCode: 'Music3a'} 
]; 
this.selectedSchoolclassCodeColor = this.schoolclassCodeColors[0] 

<button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled" 
     ng-style="{{activeStep.selectedSchoolclassCodeColor}}" > 
    {{activeStep.selectedSchoolclassCodeColor}}<span class="caret"></span> 
</button> 

Answer 1

:

this.schoolclassCodeColors = [ 
    { background: 'yellow', schoolclassCode: 'Sports5a'}, 
    { background: 'green', schoolclassCode: 'Music3a'} 
]; 
this.selectedSchoolclassCodeColor = this.schoolclassCodeColors[0]; 
$scope.activeStep = this.selectedSchoolclassCodeColor; 

<button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled" 
     ng-style="{background: activeStep.background}"" > 
    {{activeStep.schoolclassCode}}<span class="caret"></span> 
</button>