Carousel Bootstrap с многообразными изображениями и Угловым ng-resource

Я стараюсь создавать carousel Bootstrap что загружает многообразные изображения посредством одной api rest. Когда я это тестирую estáticamente, он дает мне результат изображения:

introducir la descripción de la imagen aquí

но когда я посылаю называть данные с Angular чтобы тратить api это выходит так:

introducir la descripción de la imagen aquí

это код carousel:


и script:

$(document).ready(function () {

    $('.carousel[data-type="multi"] .item').each(function () {

        var next = $(this).next();

        if (!next.length) {

            next = $(this).siblings(':first');

        }

        next.children(':first-child').clone().appendTo($(this));

        for (var i = 0; i < 2; i++) {

            next = next.next();

            if (!next.length) {

                next = $(this).siblings(':first');

            }

            next.children(':first-child').clone().appendTo($(this));

        }

    });

});

Я не знаю, где смогла быть ошибка. Спасибо.

1
задан 05.05.2017, 12:35
4 ответа

Если он служит ссылкой, этот тот cГіdigo для api:

angularRoutingApp.controller("ruta_hbo_max", function ($scope, $http, dataResource) {

    $http.get("http://192.168.100.15/api/hbo_max").success(function (data) {

        $scope.datos = data;

    });

    $scope.datosResource = dataResource.get();

});

angularRoutingApp.factory("dataResource", function ($resource) {

    return $resource("http://192.168.100.15/api/hbo_max", //la url donde queremos consumir
           {},
           { get: { method: "GET", isArray: true }
    });

});
1
ответ дан 24.11.2019, 13:47
  • 1
    #191; Podr и # 237; эксперт porfavor объяснять OP то, что он делает ты c и # 243; я говорю? Схвати и # 237; в будущем, люди с той же проблемой узнали, что делать, поняв ты c и # 243; я говорю! –  NaCl 25.07.2016, 23:49

Я соглашаюсь с ответом Сесара Гомеса, но как мы не знаем, какой объект data это не конечно, что $index функционируйте. Попробуй делать track by data.nombre если ты уверен, что, что невозможно, что он повторяется.

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="1000" id="hbo_mas">

    <div class="carousel-inner">

        <div class="item " ng-class="{active:!$index}" ng-repeat="data in datos track by data.nombre">

            <div class="col-md-3">

                <a> <img src="{{ data.ruta }}{{ data.nombre }}.jpg"></a>

            </div>

        </div>

    </div>

</div>
0
ответ дан 24.11.2019, 13:47

Привет. Я смог решать это оставляя я script из jQuery следующего способа. Но сейчас моя проблема состоит в том, что оно функционирует в Firefox и в Explorer, но в Chrome он продолжает их мне показывая один за другим. ВїQuГ© podrГ, - чтобы быть? Заранее, спасибо за Ваш atenciГіn.

$(document).ready(function () {

    $(".item").each(function () {

        var next = $(this).next();

        if (!next.length) {

            next = $(this).siblings(":first");

        }

        next.children(":first-child").clone().appendTo($(this));

        for (var i = 0; i < 2; i++) {

            next = next.next();

            if (!next.length) {

                next = $(this).siblings(":first");

            }

            next.children(":first-child").clone().appendTo($(this));

        }

    });

});
0
ответ дан 24.11.2019, 13:47

Помни, что, когда ты делаешь один ng-repeat, ты должен дифференцировать каждый нагруженный элемент для того, чтобы AngularJS знайте, что он отличный. Ты можешь размещать один track by $index для того, чтобы они смогли загружать правильно все изображения.

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="1000" id="hbo_mas">

    <div class="carousel-inner">

        <div class="item " ng-class="{active:!$index}" ng-repeat="data in datos track by $index">

            <div class="col-md-3">

                <a><img src="{{ data.ruta }}{{ data.nombre }}.jpg"></a>

            </div>

        </div>

    </div>

</div>
-1
ответ дан 24.11.2019, 13:47
  • 1
    я попытался добавляя линию, но я продолжаю opteniendo тот же результат –  Esteban Flores 23.07.2016, 02:04