2016-11-15 7 views
-2

Я пытаюсь переключить видимость для таблицы div через ng-show. Событие должно запускаться при нажатии каждого из элементов ng-repeat, но это не так.Не удается получить доступ к событию ng-click внутри элемента ng-repeat

Мой код выглядит следующим образом:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="ApiTestApp"> 
<head> 
    <title></title> 
    <link href="lib/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
    <script src="lib/jquery-1.12.1.min.js"></script> 
    <script src="lib/bootstrap-3.3.7/js/bootstrap.min.js"></script> 
    <script src="lib/angular.js"></script> 
    <script src="view-model/tester.js"></script> 
    <script> 
     (function (app) { 
      app.controller('TesterController', TesterController); 
     })(angular.module('ApiTestApp', [])); 
    </script> 
</head> 
<body ng-controller="TesterController"> 
    <div class="dropdown"> 
     <button class="btn btn-default dropdown-toggle" type="button" id="drtitles" 
       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
      Titles 
      <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu" aria-labelledby="drtitles"> 
      <li ng-repeat="shura in shurot"> 
       <a ng-click="authors.show=true" >{{shura.title}}</a> 
      </li> 
     </ul> 
    </div> 
    <br /> 
    <table class="table table-bordered" ng-show="authors.show"> 
     <thead><tr><td>Authors</td></tr></thead> 
     <tbody><tr><td></td></tr></tbody> 
    </table> 
</body> 
</html> 

Что я делаю неправильно?

+1

пожалуйста обеспечивают [mcve] –

+0

Кажется, что вам нужно '$ parent' как' нг-клик = "$ parent.authors.show = true "' – Satpal

+0

Я в замешательстве, что вы пытаетесь сделать? Вы хотите список элементов в раскрывающемся списке, но каждый делает то же самое (показать таблицу авторов)? – Robba

ответ

0

Где определяется TesterController? Я предполагаю, что вы делаете что-то не так. Шаблон работал предназначен для меня с контроллером, определенной как таковой ...

$scope.shurot = [ 
     { title: "Title 1" }, 
     { title: "Title 2" }, 
     { title: "Title 3" } 
    ] 

    $scope.auhors = { 
     show: false 
    }