我在这里失踪了什么？ Angularjs离子滑块

Question

我在离子框架中使用滑块，一切都很好用。这是我的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

在Web控制台中幻灯片的索引为4时，按预期方式将showPager值设置为false。

但它并没有真正隐藏在网页上。如果我明确地将showPager设置为false，它不会按预期在浏览器中显示，但如果我尝试上面的东西动态隐藏它，它就不起作用。

我缺少什么？

Answer 1

<ion-slide-box>指令不遵守show-pager属性。所以它只考虑指令初始化时的值。

对于您的用例，您可以通过在ng-class指令上放置<ion-slide-box>指令来显示/隐藏寻呼机，并根据该类编写css来显示/隐藏寻呼机。

检查此示例codepen以获取工作示例。