0

現在、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>
4

1 に答える 1

-2

angular-carousel を使用できます。これを見る

角カルーセル

于 2013-09-18T10:23:22.087 に答える