我在这里错过了什么？ Angularjs 离子滑块

Question

我在 ionic 框架中使用滑块，一切正常。这是我的 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> 指令上来 show/hide 寻呼机，并基于该 class 您可以编写 css 到 show/hide 寻呼机。

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

What am i missing here? Angularjs ionic sliders