пятно плохо работает с одним объектом внутри массива angularjs - PullRequest
Новая
       7

пятно плохо работает с одним объектом внутри массива angularjs

0 голосов
/ 12 ноября 2018

Я использую Slick, и у меня есть массив объектов, но в конкретной ситуации мне нужно иметь только 1 объект и статический слайдер, я не хочу сильно ударить. Просто нужно статическое значение, поскольку массив в этой ситуации должен иметь только один объект в массиве. Так это работает, но: 

$scope.testData=
  [{"$id": "1", "$type": "IE, API", "AID": "0000000000", "CURID": "",
    "currency": { "$id": "2", "$type": "ICurrencyVM, WebAPI", "CurrencyId": "", "Name": "", "Symbol": "" },
    "AccountStatusId": "ACTIVE", "StatusDate": "0000-00-00T00:00:00.000",
    "NIB": "000000000000000000000", "IBAN": "AO00000000000000000000000",
    "SWIFTBIC": "", "BalanceAmount": 0.00, "AvailableAmount": 0.00,
    "CaptiveAmount": 0.00, "AuthorizedAmount": 0.00,
    "BalanceDate": "0000-00-00T00:00:00.000",
    "RegistrationDateTime": "0000-00-00T00:00:00.000", "AccountTypeId": "",
    "AccountTypeName": "", "AccountFriendlyName": "",
    "LocalCurrencyBalanceAmount": 0.00,
    "LocalCurrencyAvailableAmount": 0.00,
    "LocalCurrencyCaptiveAmount": 0.00,
    "LocalCurrencyAuthorizedAmount": 0.00,
    "LocalCurrencyId": "",
    "localcurrency": {
       "$id": "3",                    
       "$type":"InternetBanking.WebAPI.ViewModels.CurrencyVM,InternetBanking.WebAPI",
       "CurrencyId": "", "Name": "", "Symbol": ""
    },
    "IsAccountInLocalCurrency": true
   },
   {}
  ];

но это все равно создает бесполезный удар по ползунку, который я не хочу иметь, если я удалю {} в конце этой переменной, ползунок не будет создан вообще ... поэтому я не знаю, что делать в этой ситуации.

Как слайдер в этой ситуации?

код для инициализации ползунка: 

   $scope.slickConfig = {

            enabled: true,
            slidesToShow: 3,
            draggable: false,
            autoplay: false,
            arrows: false,
            verticalSwiping: false,
            /*autoplay: true,*/
            /*autoplaySpeed: 5000,*/
            dots: true,

            method: {},
            centerMode: true,
            centerPadding: '60px',
            responsive: [
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '40px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 240,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '40px',
                        slidesToShow: 1
                    }
                }
            ],
            event: {
                afterChange: function (event, slick, currentSlide, nextSlide) {
                    $scope.currentIndex = currentSlide; // save current index each time
                    $scope.selectedAccount = $scope.accountData[currentSlide];
                },
                init: function (event, slick) {
                    slick.slickGoTo($scope.currentIndex); // slide to correct index when init
                }

            }
        }
...