如何处理在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才能使用您的应用程序。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...