Question

首先，我无法在plunker上重现此问题，但我的尝试与此相关联：http://plnkr.co/edit/yFe07e

我有一个重复A-Z的ng-repeat并显示为按钮，供用户点击过滤其结果。

字母排列在表格中以水平显示，填满所有可用宽度。它适用于B-Z ...但A不显示其动画效果。如果我通过ng-click观看它确实注册了点击，它就不像其他字母那样为点击设置动画。

我不知道为什么我无法重复关于掠夺者的问题，但希望有人能指出我正确的方向。

<ion-view view-title="Title">
  <ion-header-bar class="header-bar stable-bg">
    <img src="content/img/logo.png" class="logo">
    <span class="royal">Title</span>
    <div class="time royal">{{getTime()}}</div>
  </ion-header-bar>

  <ion-content class="energized-bg">
    <div class="letter-repeater stable-bg">
        <span ng-repeat="letter in letters" class="button button-outline button-royal">{{letter}}</span>
    </div>
  </ion-content>
</ion-view>

有问题的CSS：

.letter-repeater {
    z-index: 2;
    height: 15px;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.letter-repeater > span {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

1）为什么ng-repeat中的第一个元素没有动画点击，但其余的工作完美？

更新

我试图通过在plnkr上重新创建但尚未成功来隔离这里发生的事情;我将尝试解释有问题的视图的嵌套和我的堆栈。

此帖子顶部附近的HTML是home.html的根目录

index.html只有<body ng-app="myApp"> <ion-nav-view></ion-nav-view> </body>没有css

视图由Ionic-＆gt; Angular UI-Router管理，如下所示

.state('home', {
            url: '/',
            views: {
                '': {
                    templateUrl: 'app/home/home.html',
                    controller: 'homeController'
                }
            }
        })

正如你所看到的，没什么特别有趣的。 Ionic SCSS上唯一的自定义是颜色变量。此外，我已经浏览了浏览器中的所有元素，以确保没有重叠，并且在我发现的任何内容中，我用z-index推迟了它。

我正在使用Ionic，AngularJS，Cordova，JQuery

在浏览器或设备上查看时，问题出现了

ng-repeat中的第一个元素表现不同（它不应该）

0 个答案: