ng-show/-hide的替代方案，或者如何仅加载DOM的相关部分
ng-show/-hide的替代方案，或者如何仅加载DOM的相关部分
提问于 2012-12-28 19:17:51
当使用ng-show/-hide时，这些块中包含的内容最初会显示在用户屏幕上。只有在几毫秒之后(在angular.js加载和执行之后)，正确的代码块才会出现在ng-show中。
有没有比ng-show/-hide更好的方法来只将相关部分的数据加载到DOM中？
ng-view的问题是我在页面上只能有一个视图，所以我必须根据当前状态切换DOM的许多部分的行为。
回答 2
Stack Overflow用户
发布于 2014-02-08 05:17:45
我使用了ng-cloak技巧，但似乎效果不是很好。遵循Angular文档，我在我的CSS中添加了以下内容，这确实起作用了：
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}Stack Overflow用户
发布于 2013-11-03 07:46:10
根据Mark Rajcok的很好的回答，这里的a CodePen展示了ng-show、ng-switch和ng-if的实际效果，因此您可以比较这三种方法，并看到条件内容实际呈现方式的差异。
请注意，对于基于文件的模板，有些人认为ng-show比ng-switch和ng-if要快一点。但是，您可以使用$templateCache在引导时预加载模板，从而减少或消除这一优势。使用ng-switch和ng-if，当不需要时，您不再需要处理DOM中隐藏的条件内容，并防止Angular在不合适的时候计算该内容上的表达式。这为您节省了不需要浪费的处理资源，并避免了过早计算某些内容时可能抛出的错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14068711
复制相关文章
相似问题