在呈现Angularjs之前隐藏元素

在我的控制器中，displayedEntries已从ajax调用中启动，长度为3.当页面加载时，它在填充表之前仍显示无数据消息。我怎么能隐藏这个消息之前显示的条目呈现与数据。在呈现Angularjs之前隐藏元素

<span class="h4" ng-show="(displayedEntries | filter : { type : { name: type.name}}).length == 0">{{'public.TABLE_NO_DATA'|translate}}</span>

来源

2016-03-14 nolines

重复http://stackoverflow.com/questions/12866447/prevent-double-curly-brace-notation-from-displaying-momentarily-before-angular-j – Dhiren

怎么样'.h4 {display：none; }在CSS？ – Rayon

有一个角度翻译指令可以帮助你做到这一点。 translate-cloak该指令需要被另一个脚本标签包含。（在angular-translate

页眉

<script src="../src/directive/translate-cloak.js"></script>

你的HTML

<span class="h4" translate-cloak ng-show="(displayedEntries | filter : { type : { name: type.name}}).length == 0">{{'public.TABLE_NO_DATA'|translate}}</span>

你的CSS src/directory supposely可用

.translate-cloak { 
    display: none !important; 
}

编辑：更新了答案 EDIT2：你可以按照这个example

来源

2016-03-14 11:59:24

我已经做了这个，但没有为这种情况工作。它仍然显示跨度，但页面刷新后。 – nolines

我的指令名称为'ng-cloak'。你可以再试一次。 ;） –

@nolines，原谅我犯了另一个错误。 :(通过与翻译斗篷混淆----我将重写我的答案真的很快 –

在呈现Angularjs之前隐藏元素

回答

相关问题