Question

我想将按钮text / caption绑定到属性的值＆＃39; schoolclassCode＆＃39;
我想将按钮background-color绑定到的值财产＆＃39;背景＆＃39;

我怎么能两个都做？

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>

将对象文字绑定到按钮标记的不同属性

1 个答案: