在 AngularJS 中制作旋转木马答案

【问题标题】：Making a carousel in AngularJS在 AngularJS 中制作旋转木马
【发布时间】：2013-09-18 10:18:47
【问题描述】：

目前 AngularJS 中的 JSON 存在问题，我在其中选择“img”对象，它控制日志，但不适用于范围。任何人都可以解释一下吗？

'use strict';

angular.module('AppliedSiteApp').controller('CarouselCtrl', function ($scope) {

    // CAROUSEL IMAGES
    var carouselImages = [
        {
            "img": "background-image: url('images/carousel/carousel1.jpg')"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel2.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel3.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel4.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel5.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel6.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel7.jpg)'"
        },
        {
            "img": "'background-image': 'url(images/carousel/carousel8.jpg)'"
        }
    ];

    // SET INITIAL CAROUSEL IMAGE
    $scope.carouselImage = carouselImages[0].img;

    console.log('image', $scope.carouselImage);

});

我正在尝试将其应用于范围：

<div class="carousel" ng-style="carouselImage"></div>

【问题讨论】：

标签： json angularjs

【解决方案1】：

您可以使用 angular-carousel 。看到这个

angular-carousel

【讨论】：