Question

我有一个AngularJS 1.0.7网络应用程序，代码如下：

<div ng-switch="locationService.getLangKey() == 'en'">
                <a ng-switch-when="true" class="brand" href="/" ><img src="img/logo.png" style="height: 30px" /></a>
                <a ng-switch-when="false" class="brand" href="/{{locationService.getLangKey()}}" ><img src="img/logo.png" style="height: 30px" /></a>   
            </div>

在加载时，例如当我刷新页面时，在评估locationService.getLangKey（）之前，我看到两个日志图像。当一切都被加载，然后显示确定。我想避免这种丑陋的影响。

ng-show具有相同的效果，我没有ng-if这个Angular版本。

任何替代方案？

Answer 1

尝试类似的东西：

（我不知道这个版本能否做到这一点）

<div ng-init="url = (locationService.getLangKey() == 'en') ? '' : locationService.getLangKey()">
    <a class="brand" href="/{{url}}" ><img src="img/logo.png" style="height: 30px" /></a> 
</div>

AngularJS 1.0.7 ng-switch

1 个答案: