여기에 무엇이 누락되어 있습니까? 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 

이 거짓 예상 값 세트 showPager 슬라이드의 인덱스 웹 콘솔에서 4 경우로한다.

그러나 실제로 웹 페이지에서는 그것을 숨기지 않습니다. 명시 적으로 showPager를 false로 설정하면 예상대로 브라우저에 표시되지 않지만 위의 항목을 동적으로 숨기려고하면 작동하지 않습니다.

내가 무엇이 누락 되었습니까?

Answer 1

<ion-slide-box> 지시문은 show-pager 속성을 준수하지 않습니다. 따라서 지시문 초기화시 값만 고려합니다.

<ion-slide-box> 지시어에 ng-class 지시어를 삽입하여 호출기를 표시하거나 숨길 수 있으며 해당 클래스를 기반으로 호출기를 표시하거나 숨기려면 css를 쓸 수 있습니다.

작업 예제에서는 codepen을 확인하십시오.