Отключение ссылки в списке ng-repeat

Question

Я использовал ng-repeat для отображения набора значений в виде гиперссылки, которая дополнительно открывает связанные данные в следующем DIV.Теперь, когда я нажимаю на ссылку, после загрузки данных в соответствующий div, как я могу отключить нажатую ссылку?

Answer 1

angular.module('app', []).controller('ctrl', function($scope){
  $scope.items = [
    {name:'First', descr:'First Description'},
    {name:'Second', descr:'Second Description'},
    {name:'Third', descr:'Third Description'}
  ]
  var visited = [];
  $scope.act = function(item){
    if(visited.indexOf(item.name) == -1){
      item.dis = true;
      $scope.active = item;
      visited.push(item.name);
    }
  }
})

.dis {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>

<div ng-app='app' ng-controller='ctrl'>
  <a ng-class='{dis:x.dis}' ng-repeat-start='x in items' href='#' ng-click='act(x)'>
    {{x.name}}  
  </a>
  <br ng-repeat-end>
  <div>
    {{active.descr}}
  </div>
</div>