javascript - 在 ionic 中使用 ng-click 时，类延迟更改为 'activated'

Question

我在 ionic 应用程序中的 div 元素上使用 ng-click:

<div class="thediv" ng-click="showActionsheet()"><p>26</p></div>

这很好用，但我有一些 CSS 设置:

.thediv.activated {
    background-color: #d18027;
    border: 2px solid #ffc666;
}

如果我按下 div 足够长的时间，CSS 就会激活，但是当我只是点击它时什么也没有发生。我还想让它保持激活状态，直到操作表关闭。也不知道该怎么做...

Answer 1

恐怕你解决不了延迟。这是构建混合移动应用程序的坏处之一。 Ionic 框架非常好，但在我看来它永远不会像本地应用那样快(主要是如果它不是非常新的快速现代设备)。

关于保持激活状态，您可以创建一个变量，如 $scope.isActivated 并在您的方法开始时 showActionsheet() 给它一个 true。当您关闭操作表时，将其设置为 false。

在你的 div 中你可以做类似的事情

<div class="thediv" ng-click="showActionsheet()" ng-class="active: isActivated"><p>26</p></div>

在你的 CSS 中也做

.thediv.activated,
.thediv.active, {
    background-color: #d18027;
    border: 2px solid #ffc666;
}