-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>
Что я делаю неправильно?
пожалуйста обеспечивают [mcve] –
Кажется, что вам нужно '$ parent' как' нг-клик = "$ parent.authors.show = true "' – Satpal
Я в замешательстве, что вы пытаетесь сделать? Вы хотите список элементов в раскрывающемся списке, но каждый делает то же самое (показать таблицу авторов)? – Robba