Question

我目前正在使用Ionic Framework作为我的PhoneGap应用程序的javascript框架。

我在其中一个页面上有一个项目，当我单击页面上的锚点时，我希望它是可扩展和可折叠的。这是代码看起来像：

在我的HTML中：

<a ng-click="collapse(3)">Expand/Collapse test</a>

<a ng-show="children[3]">child</a>

在我的控制器中：

$scope.collapse = function(number) {
    if ( ($scope.showChild[number] = false) || ($scope.showChild[number] = null) )
        $scope.showChild[number] = true;
    else
        $scope.showChild[number] = false;
};

当我通过我的移动Safari浏览器查看它时，它按预期工作。换句话说，当我单击展开/折叠测试锚点时，其中带有文本“child”的锚点会相应地显示和隐藏。当我将它发送到adobe build并将其作为应用程序加载到手机上时，问题就出现了。一旦我这样做，它的工作方式不一致（无论我按下锚点的速度有多慢。）如果我在每次单击“展开/折叠测试”锚点之前滚动页面，但是如果我只是保持页面静态，那么它是有效的没有滚动，并单击“展开/折叠测试”锚点，它不会显示或隐藏“子”锚点，直到我点击屏幕上的其他位置。

有什么想法吗？如果我不需要，我真的不想实现jquery onclick监听器。

谢谢！

Answer 1

这似乎是Ionic Framework和异步加载的问题。我必须在按钮监听器上设置超时才能使其正常工作。开发团队正在研究这个漏洞。

来源：https://github.com/driftyco/ionic/issues/742

为什么在使用phonegap构建时ng-show出现故障？

1 个答案: