Я новичок в angularjs, может быть, кто-то может помочь мне учиться. Я хочу создать галерею изображений, в которой есть кнопки для переключения с одного изображения на другое.Angularjs, как создать галерею изображений
Как создать галерею изображений с угловыми? и включить навигационную панель?
Вы можете использовать ng-switch и ng-switch - когда директивы выбирают видимое изображение. И после этого поместите навигационную панель, чтобы изменить свой выбор, используя директиву ng-click.
Посмотрите на это plunk.
JAVASCRIPT
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
});
HTML
<body ng-controller="MainCtrl" ng-switch on="selected" ng-init="selected=1">
<div class="slider">
<div class="slider-content" ng-switch-when="1">
<a href="#">
<img width="333px" height="277px" src="http://lorempixel.com/400/200/sports" alt="" />
</a>
</div>
<div class="slider-content" ng-switch-when="2">
<a href="#">
<img width="333px" height="277px" src="http://lorempixel.com/400/200/animals" alt="" />
</a>
</div>
<div class="slider-content" ng-switch-when="3">
<a href="#">
<img width="333px" height="277px" src="http://lorempixel.com/400/200/nature" alt="" />
</a>
</div>
<div class="slider-content" ng-switch-when="4">
<a href="#">
<img width="333px" height="277px" src="http://lorempixel.com/400/200/abstract" alt="" />
</a>
</div>
<div class="slider-nav">
<span class="number" ng-click="selected=1">1</span>
<span class="number" ng-click="selected=2">2</span>
<span class="number" ng-click="selected=3">3</span>
<span class="number" ng-click="selected=4">4</span>
</div>
</div>
</body>
Спасибо мне помочь оптимизировать format.thanks. – dblose
Я не понимаю, о чем вы просите. – akonsu
Ha ha.I также думаю, что нет четкого. Я хочу спросить, использовать angularjs, написать кнопку на изображении. – dblose