Question

我正在尝试为ion-slide-box创建自定义寻呼机。这是codepen sample

这是我的js：

$scope.currentSlide = 0;
$scope.pagerClick = function (index) {
    $ionicSlideBoxDelegate.slide(index);
}

$scope.slideChanged = function (index) {
    $scope.currentSlide = index;
}

这是html文件：

<ion-slide-box does-continue=true show-pager=false on-slide-changed="slideChanged($index)">
        <ion-slide class="item-image" ng-repeat="i in getNumber(number) track by $index">
            <img src='{{images[$index]}}' />
        </ion-slide>
</ion-slide-box>
<div class="page-indicator" ng-repeat="i in getNumber(number) track by $index">
        <a class="button" href ng-class="{activated: $index == currentSlide}" ng-click="pagerClick($index)">{{$index+1}}</a>
</div>

除了一件事之外，几乎所有工作都很好。当我点击我的寻呼机按钮时，它不会改变寻呼机中的活动按钮。当我浏览幻灯片时，所有按钮都会正确改变样式。我想这可能是因为$index - 我有两个这样的变量。但我无法理解或解决它。

Answer 1

我终于解决了这个问题，因为var doc = Dcsoup.Parse(new Uri("http://www.metacritic.com/game/pc/fallout-4"), 5000); // <span itemprop="ratingValue">86</span> var ratingSpan = doc.Select("span[itemprop=ratingValue]"); int ratingValue = int.Parse(ratingSpan.Text); // selectors match both critic and user scores var scoreDiv = doc.Select("div.score_summary"); var scoreAnchor = scoreDiv.Select("a.metascore_anchor"); int criticRating = int.Parse(scoreAnchor[0].Text); float userRating = float.Parse(scoreAnchor[1].Text);是activated的内联类。当我按下这个类正在应用时，但是当我按下按钮时Angular删除这个类。我创建了我的班级button，现在所有人都在工作。

active-button

和css

<div class="page-indicator" ng-repeat="i in getNumber(number) track by $index">
        <a class="button" href ng-class="{'active-button': $index == currentSlide}" ng-click="pagerClick($index)">{{$index+1}}</a>

按钮ng-class不适用

1 个答案: