如何处理在AngularJS中禁用的JavaScript

前端之家收集整理的这篇文章主要介绍了如何处理在AngularJS中禁用的JavaScript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AngularJS依赖于启用的JavaScript。这意味着如果有人访问在AngularJS内置的应用程序或网站,它将无法正确呈现。

当使用AngularJS时,用于处理禁用JavaScript的访问者的常见惯例是什么?

请解释为什么会是这样?

包括在问题中的是处理有角度的JS指令和{{data_bindings}}的情况。这样,当页面无法呈现页面时,数据不会显示

在考虑关于这个问题和“ How to detect if JavaScript is disabled?”的其他答案以及一些关于AngularJS的进一步研究。

首先,你将要隐藏通过数据绑定显示的所有变量。

这可以使用附加到HTML标签ng-cloak来完成。

<div ng-cloak>
    <!-- page content here -->
    {{bound_data}}
</div>

它还包括一个CSS标签来隐藏该元素。

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

然后,您将需要显示替代内容,以便在用户停用或禁用JavaScript时显示。这是使用标记完成的。

<noscript>
    You must have JavaScript enabled to use this app.
</noscript>

您可以选择创建具有简化功能功能的应用程序,或者要求访问者启用JavaScript才能使用您的应用程序。

猜你在找的Angularjs相关文章