angularjs - 旋转移动设备时,Angular {{code}} 可见

标签 angularjs mobile responsive-design

我有响应式 Angular 网站。当我在移动设备上使用它时,我可以看到不同的 Angular 代码字符串等。

“{{some.objects.value}}”

当旋转超过值时似乎没问题。有什么建议可以隐藏旋转时的 Angular 代码吗?

最佳答案

查看 ng-cloak 的文档。这将隐藏页面的各个部分,直到呈现 Angular 元素。这种情况发生在旋转时,因为页面正在重新渲染,因此您会短暂地看到未编译的 Angular 字符串。

将其添加到您的 CSS

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

然后您可以在任何元素上使用 ng-cloak 指令。

<div id="item" ng-cloak>{{ 'hello' }}</div>

关于angularjs - 旋转移动设备时,Angular {{code}} 可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36475286/

相关文章:

jquery - 在浏览器大小上缩放许多图像(CSS/jQuery?)

html - 缩小屏幕尺寸时如何使用响应式字体

javascript - 当响应数据数组为空时,如何在 AngularJS ng Table 插件表中显示 "no data"消息

javascript - 从 Dojo 转换为 jQuery

javascript - 在移动设备中放大时,我可以让我的固定按钮保持固定大小吗?

javascript - 添加标记时谷歌地图 js api 会阻止 ui

html - 汉堡菜单字体大小问题

Angularjs RouteProvider 多个路由导致相同的 View

javascript - 如何使文本留在 div 框内并在到达 div 框的边缘时继续下一行?

javascript - 如何多次使用时间选择器