AngularJS+Zurb Fondation.
 

Добрый день.
Не работает корректно lightbox от foundation.
Не переключаются картинки с помощью стрелок. Подозреваю чтото не так с маршрутами.
При наведении курсора на кнопку переключения картинки, выскакивает ссылка.
http://localhost/gallery/#
gallery- адрес самого приложения.
В итоге делает переход по этому адресу. в моем случае на титульную страницу.

<div id="gallery" ng-controller="GalleryController"> 
  <ul class="clearing-thumbs" data-clearing>
    <li ng-repeat = "image in images_large">
	  <a class="th"   href="{{image.path}}">
		<img ng-src="{{image.path}}"></a></li>
  </ul>
</div>

Сдается мне что то не так с пониманием роутинга а не с маршрутами.
Как вообще должна работать эта галерея? по клику на ссылку кнопку переключения картинки переходить на новый стейт? Хм, не думаю, ведь если это галерея то ее смысл в плавном изменении картинки, а не резкой смене страницы.

после долгих мытарств, пришел к таким результатам.
Если в шаблоне ставлю.

<base href="/gallery" />

то переключение картинок работает. При наведении курсора на переключалку всплывает ссылка localhost:8080/gallery#
Но при таком варианте не работают переходы вида.

<a ng-href="#portfolio">Portfolio</a>

Путь неправильный создается. без слеша.
При втором варианте.

<base href="/gallery/" />

Переходы уже работают.
Но галлерея уже не переключается. Переключение формирует ссылку.
localhost:8080/gallery/#
Видимо AngularJS перехватывает ее и пытается обработать.
Галлерею эту использую.
data-clearing

Все переходы по ссылкам обрабатывает роутер ангуляра.
Если хочешь чтоб работало - попробуй вместо a ставить span (если клик биндится не на a, иначе работать не будет)
Либо придется придумать как заставить ангуляр не реагировать на клик по этим ссылкам