AngularJS onClick of button. Я хочу изменить цвет другого элемента

Question

Я новичок в угловом. я разработал приложение, как

Я успешно развивается рядом и прежние функции кнопки. Теперь я хочу написать submit button.my идея, когда кнопка отправки нажата, ответ будет захвачен и подтвердится, наконец, после ответа на все вопросы. Также, если я нажму кнопку отправки, соответствующий цвет табуляции страницы изменится на зеленый, как если бы я присутствовал 1 и 2 означает первые два цвета вкладки становятся зелеными. как я могу это реализовать. Есть идеи?

мои quizcontroller.js

angular.module('app').controller('Quizcontroller',function($scope,updateservice){ 
    $scope.$watch(function($scope){ 
    $scope.count=updateservice.getupdate(); 
    }); 
    $scope.questions=[ 
        { 
        id:1, 
        question:'When a gas is turned into a liquid, the process is called', 
        options: [ 
           {option:'condensation'}, 
           {option:'evaporation'}, 
           {option:'deposition'}, 
           {option:'sublimation'} 
          ] 
        }, 
        { 
        id:2, 
        question:'Which of the following parts of the sun is easily visible only during a total solar eclipse? ', 
        options: [ 
           {option:'core'}, 
           {option:'photosphere'}, 
           {option:'sunspots'}, 
           {option:'corona'} 
          ] 
        }, 
        { 
        id:3, 
        question:'The accumulation of stress along the boundaries of lithospheric plates results in which of the following? ', 
        options: [ 
           {option:'Earthquakes'}, 
           {option:'Magnetic reversals'}, 
           {option:'Hurricanses'}, 
           {option:'Increased deposition of deep-sea sediments'} 
          ] 
        }, 
        { 
        id:4, 
        question:'Pollination by birds is called ', 
        options: [ 
           {option:'autogamy'}, 
           {option:'ornithophily'}, 
           {option:'entomophily'}, 
           {option:'anemophily'} 
          ] 
        } 
      ]; 
     updateservice.settotal($scope.questions.length) 
     $scope.next=function($scope){ 
     var val=updateservice.getupdate(); 
     updateservice.setupdate(val<updateservice.gettotal()-1?++val:0); 
     }, 
     $scope.prev=function($scope){ 
     var val=updateservice.getupdate(); 
     updateservice.setupdate(val>0?--val:updateservice.gettotal()-1); 
     } 
     }) 

Answer 1

Добавить 'флаг' в Вашей области, который говорит, если он должен менять цвет:

$scope.flag = false; 

$scope.clickedButton = function() { 
    // some conditions 
    if(itIsTrue) { 
     $scope.flag = true; 
    } 
} 

HTML:

<button ng-click="clickedButton()">Click me!</button> 

<button ng-class="{ green: flag }">MyButton</button> 

CSS:

.green { 
    background-color: green; 
}