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

我想将按钮文本/标题绑定到属性的值 “学校班级代码”

我想将按钮的背景色绑定到 属性“背景”

我怎么能两者兼得呢

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>

---

您需要将这些变量分配给作用域，使其在模板中可用：

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>

---

你想要一个按钮有两个背景和两个文本吗？不。背景颜色应该是ng样式。另一个用于文本。又名学校代码。我想让按钮以黄色背景显示“Sports5a”。哦。。。我是怎么开始讨厌你的。。。我的工厂没有保存上述数据的范围。我不，我不能注入它，但我不能把我的逻辑放在一个控制器中，因为我需要很多步骤，然后我松开保存状态等等。。。啊。。。真的开始讨厌它了。那很酷，范围不应该在工厂里。使用factory返回这些值，并将它们分配给控制器中的作用域。我给你举个例子，不要这样做。我知道。这不是mee的解决方案。activeStep已绑定到MainWizController中的$scope，其中所有3个步骤都已绑定。按钮不是黄色的：P