Javascript 在页面加载时,根据json对象的值向Angularjs ng repeat中的元素添加一个类
我有一系列通过json对象填充的按钮。当用户单击按钮时,它会更改颜色,我们将通过ng类将其称为所选颜色作为引导类,如果再次单击切换按钮,它将返回默认颜色 现在我要做的是在页面加载时,在每个按钮上设置所选颜色,其中item.SelectedId等于特定的item.Home/awayetamid。再次重申,如果一个人以前进行过选择,item.SelectedId将是一个非零数字,即item.Home/AwayTeamId,并且他们选择的按钮将设置为所选颜色 我已经尝试在下面的代码中实现逻辑,但是我没有任何运气。事实上,这些按钮根本不会切换。我想知道是否有人可以看看我的代码,看看他们是否可以提供一些建议。谢谢 HTML: json对象示例:Javascript 在页面加载时,根据json对象的值向Angularjs ng repeat中的元素添加一个类,javascript,angularjs,Javascript,Angularjs,我有一系列通过json对象填充的按钮。当用户单击按钮时,它会更改颜色,我们将通过ng类将其称为所选颜色作为引导类,如果再次单击切换按钮,它将返回默认颜色 现在我要做的是在页面加载时,在每个按钮上设置所选颜色,其中item.SelectedId等于特定的item.Home/awayetamid。再次重申,如果一个人以前进行过选择,item.SelectedId将是一个非零数字,即item.Home/AwayTeamId,并且他们选择的按钮将设置为所选颜色 我已经尝试在下面的代码中实现逻辑,但是我没
[{"EventId":xxxxxxxx,
"HomeTeamId":832,
"AwayTeamId":575,
"Locked":1,
"SelectedId":0
},
{...},
{...}]
首先,您可能忘记了从CheckIfSelected返回值,您已经选择了PickSelected==2 | | checkIfChosenitem.SelectedId,item.awayTeamId,2 此外,这个in-controller方法指向同一个东西,即控制器的实例,不管它是由哪个按钮触发的
app.controller('dashController', function ($scope) {
$scope.buttonToggle = function (index, buttonNumber) {
if (buttonNumber === this.pickChosen) {
this.pickChosen = 0;
picks.splice(index, 1);
} else {
this.pickChosen = buttonNumber;
}
};
$scope.checkIfChosen = function(selId, teamId, buttonNumber) {
if (selId === teamId) {
this.pickChosen = buttonNumber;
} else {
this.pickChosen = 0;
}
};
});
[{"EventId":xxxxxxxx,
"HomeTeamId":832,
"AwayTeamId":575,
"Locked":1,
"SelectedId":0
},
{...},
{...}]