изменить стиль div, если я нажму еще один div angularjs

Question

Я застрял для изменения стиля div, когда я нажимаю другой div. Я просто хочу изменить класс text-decoration listAnswer, чтобы подчеркнуть, когда я нажимаю один из ng-repeat div1. Я надеюсь, что кто-то может помочь мне :(спасибо

<style> 
    .object_screen { 
     width: 800px; 
     height: 500px; 
    } 

    .div1 { 
     width: 200px; 
     height: 200px; 
     float: left; 
     margin-left: 10px; 
    } 
</style> 

<div class="object_screen"> 
    <div class="div1" ng-repeat="object in objectList" ng-click="checking(object.name);" ng-style="{'background-image':'url(./img/level/{{ object.image }})}"></div> 
</div> 
<div class="listAnswer"> 
    <li ng-repeat="object in objectList">{{ object.name }}</li> 
</div> 

это мой угловой сценарий

var App = angular.module('App', ['ngRoute']); 
    App.controller('playController', ['$scope', '$http', function($scope, $http) { 
     $scope.objectList = []; 
     $scope.objectList.push({name:'tony', image:'image1.png'}); 
     $scope.objectList.push({name:'Jay', image:'image2.png'}); 
     $scope.objectList.push({name:'Michael', image:'image3.png'}); 

     $scope.checking= function(nameObject){ 
      // change text-decoration to underline for class listAnswer 
     } 
    }]); 

Answer 1

Вы можете объявить переменную в вашей области, чтобы иметь логическое значение FALSE изначально и изменить его к истине в $ объеме. проверять и иметь ng-класс, как в следующей строке div class = "listAnswer" ng-class = "{'ваше текстовое украшение css class': смотреть переменную, установленную в $ scope.checking}" ваш класс украшения текста будет применяется, когда переменная установлена ​​на значение