Açısal Slick ekleyerek metin yazısı

ben açısal kaygan https://www.npmjs.com/package/angularslick Açısal Slick ekleyerek metin yazısı

kullanılarak her slaytlar için bazı özel sloganlar eklemek için öğreniyorum nasıl olmalıdır i kapsam aktif slaytlar kendisinin her üzerine metin bilgi?

<body ng-controller="MainController"> 
    <div class="col-md-9">   
     <slick autoplay="true" autoplaySpeed="500" fade="true" dots="true"> 
     <div ng-repeat="image in images"> 
      <img data-lazy="{{image}}"> 
      <div ng-repeat"caption in captions"></div> 
     </div> 
     </slick> 
    </div> 
</body>

app.js: yoluna cevap ve daha iyi bir yaklaşım That`s

var app = angular.module('myApp', ['slick']); 
app.controller('MainController', function($scope) { 
    $scope.images = [ 
    "images/slider-banner1.png", 
    "images/slider-banner2.png", 
    ]; 

    $scope.captions = [ 
    "tagline for banner1", 
    "tagline for banner2", 
    ]; 
})

kaynak

2016-04-05 mark5

sadece içerirler tek dizide hem görüntünün src yüzden

var app = angular.module('myApp', ['slick']); 
app.controller('MainController', function($scope) { 
    $scope.images = [ 
    { 
     src: "images/slider-banner1.png", 
     caption: "tagline for banner1" 
    },{ 
     src: "images/slider-banner2.png", 
     caption: "tagline for banner2", 
    ]; 
})

gibi bir caption veri bağlamak ve şimdi sadece yapabilirsiniz:

<body ng-controller="MainController"> 
    <div class="col-md-9">   
     <slick autoplay="true" autoplaySpeed="500" fade="true" dots="true"> 
     <div ng-repeat="image in images"> 
      <img data-lazy="{{image.src}}"> 
      <span>{{image.caption}}</span> 
     </div> 
     </slick> 
    </div> 
</body>

kaynak

2016-04-05 11:54:16 Zamboney

thx bu bana çok yardımcı oldu! ;) – mark5

<slick autoplay="true" autoplaySpeed="500" fade="true" dots="true"> 
    <figure ng-repeat="image in images"> 
    <img data-lazy="{{image}}"> 
    <figcaption ng-repeat"caption in captions">{{caption}}</figcaption> 
</figure> 
     </slick>

bu kalem görülebilir

Pen for Slick

kaynak

2016-04-05 11:51:02

Bunun günümüze iş:

şöyle ng-repeat

kaynak

2016-04-05 11:53:13

Açısal Slick ekleyerek metin yazısı

cevap

İlgili konular