Что мне здесь не хватает? Ионные слайдеры Angularjs

Я использую ползунки в ionic framework, и все отлично работает. Это мой html:

<ion-slide-box on-slide-changed="slideHasChanged($index)" show-pager={{showPager}}>

Довольно просто, обратите внимание, что я использую showPager для динамического отображения и скрытия пейджера.

И в контроллере:

$scope.showPager = true

$scope.slideHasChanged = ($index) ->
    if $index == 4
      $scope.$apply ->
        $scope.showPager = false

Как и ожидалось, он устанавливает значение showPager в false, когда индекс слайда равен 4 в веб-консоли.

НО это не скрывает это на веб-странице. ЕСЛИ я явно установил для showPager значение false, он не отображается в браузере, как ожидалось, но если я попытаюсь выполнить описанные выше действия, чтобы динамически скрыть его, это не сработает.

Что мне не хватает?


ionic-framework angularjs ionic
person user1323136    schedule 30.01.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Директива <ion-slide-box> не соблюдает атрибут show-pager. Поэтому он будет учитывать только то значение, которое было на момент инициализации директивы.

Для вашего варианта использования вы можете показать/скрыть пейджер, поместив директиву ng-class в директиву <ion-slide-box>, и на основе этого класса вы можете написать css, чтобы показать/скрыть пейджер.

Проверьте этот пример codepen для рабочего примера.

person Shripal Soni    schedule 30.01.2015