Javascript 在加载html时，在某些情况下更改angular中的按钮类

我有两种状态，一种是接受条款，另一种是向用户显示不接受条款。Accept terms state动态填充n个用户，在他们的名字前面有两个按钮，分别标记为“我同意”和“我不同意”。默认情况下，按钮在默认类中，但当用户单击“我同意”按钮时，其类更改（如按钮颜色为绿色）与“我不同意”按钮发生相同的情况（颜色更改为红色）。单击按钮后，用户提交请求将转到另一个html页面，显示接受和拒绝的用户。在这个页面中有一个返回按钮，返回到上一个状态

我的问题是，当用户返回到以前的状态时，我必须根据用户对加载状态的选择更改按钮类

单击事件时，它工作正常，我用html编写了以下代码：

<div class="mar-right10">
  <md-button class="md-raised md-default" id="agree{{$index}}" 
    ng-class="userBaseExtend.acceptedTermsAndCondition === 'true' ? 'md-primary' : 'md-default'" 
    role="button" ng-click="vm.agree(userBaseExtend)">
    I Agree
  </md-button>
</div>
<div flex="" flex-xs="">
  <md-button class="md-raised md-default" id="disagree{{$index}}" 
  ng-class="userBaseExtend.acceptedTermsAndCondition === 'false' ? 'md-warn' : 'md-default'" 
  role="button" ng-click="vm.disagree(userBaseExtend)">
    I Do Not Agree
  </md-button>
</div>

我同意
我不同意

为了加载回以前的状态，我编写了这个类，但它在我的控制器中不起作用：

if (vm.rejTermsAndCondition) {
  for (var i = 0; i < vm.userBaseExtends.length; i++) {
    if (vm.userBaseExtends[i].acceptedTermsAndCondition) {
      angular.element(document.querySelector('#agree' + i)).attr('ng-class', 'md-primary');
      angular.element(document.querySelector('#agree' + i)).removeAttr('ng-class', 'md-default');
      angular.element(document.querySelector('#disagree' + i)).attr('ng-class', 'md-default');
    } else {
      angular.element(document.querySelector('#agree' + i)).addClass('md-default');
      angular.element(document.querySelector('#disagree' + i)).removeClass('md-default').addClass('md-warn');
    }
  }
}

if（vm.rejTermsAndCondition）{
对于（var i=0；i

您能格式化代码吗