如何避免视图中的闪烁效果

时间:2016-05-30 07:19:44

标签: javascript angularjs ionic-framework

我有两个视图:在第一个视图中,我从数据库中获取一些数据并显示一个列表。在第二个视图中,我有一个列表项的详细信息页面。 我可以将点击的列表项对象传递给我的详细信息页面,但是有一个短暂的闪烁效果。 例如,我根据点击项目的类型显示不同类型的信息文本。

<span ng-show="item.type == 1">Type 1</span>
<span ng-show="item.type == 2">Type 2</span>

问题是我可以在很短的时间内看到两个文本 - &gt;闪烁效应。 现在我发现有ng-cloak,但如果我以这种方式使用它,它并没有真正帮助我:

    <div ng-cloak>
     <span ng-show="item.type == 1">Type 1</span>
     <span ng-show="item.type == 2">Type 2</span>
    </div>

如何避免闪烁效应?

编辑:在我的控制器中,我听取视图输入事件,只有在那里我将变量分配给我的范围:

$scope.$on('$ionicView.enter', function () {
    $scope.item.type = item.type;
});

也许这就是问题所在。我想这个事件会等到视图更改动画结束。有没有办法让它以这种方式工作?

0 个答案:

没有答案