Javascript 在页面加载时,根据json对象的值向Angularjs ng repeat中的元素添加一个类

Javascript 在页面加载时,根据json对象的值向Angularjs ng repeat中的元素添加一个类,javascript,angularjs,Javascript,Angularjs,我有一系列通过json对象填充的按钮。当用户单击按钮时,它会更改颜色,我们将通过ng类将其称为所选颜色作为引导类,如果再次单击切换按钮,它将返回默认颜色 现在我要做的是在页面加载时,在每个按钮上设置所选颜色,其中item.SelectedId等于特定的item.Home/awayetamid。再次重申,如果一个人以前进行过选择,item.SelectedId将是一个非零数字,即item.Home/AwayTeamId,并且他们选择的按钮将设置为所选颜色 我已经尝试在下面的代码中实现逻辑,但是我没

我有一系列通过json对象填充的按钮。当用户单击按钮时,它会更改颜色,我们将通过ng类将其称为所选颜色作为引导类,如果再次单击切换按钮,它将返回默认颜色

现在我要做的是在页面加载时,在每个按钮上设置所选颜色,其中item.SelectedId等于特定的item.Home/awayetamid。再次重申,如果一个人以前进行过选择,item.SelectedId将是一个非零数字,即item.Home/AwayTeamId,并且他们选择的按钮将设置为所选颜色

我已经尝试在下面的代码中实现逻辑,但是我没有任何运气。事实上,这些按钮根本不会切换。我想知道是否有人可以看看我的代码,看看他们是否可以提供一些建议。谢谢

HTML:

json对象示例:

[{"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
},
{...},
{...}]