web-dev-qa-db-fra.com

Comment gérer le JavaScript désactivé dans AngularJS

AngularJS dépend de l'activation de JavaScript. Cela signifie que si quelqu'un visite une application ou un site Web construit dans AngularJS, le rendu ne sera pas correct.

Quelles sont les conventions courantes utilisées pour gérer les visiteurs avec JavaScript désactivé lors de l'utilisation d'AngularJS?

Veuillez expliquer pourquoi c'est le cas?

Le problème comprend le traitement de angular JS et {{data_bindings}}. De sorte que les données ne s'affichent pas lorsque la page ne peut pas la restituer.

javascriptangularjsbrowserweb-applicationsaccessibility
33
BrightIntelDusk

Après avoir considéré d'autres réponses à cette question et " Comment détecter si JavaScript est désactivé? " ainsi que des recherches supplémentaires sur AngularJS.

Tout d'abord, vous souhaiterez masquer toutes les variables affichées via les liaisons de données.

Cela peut être fait en utilisant ng-cloak qui est ajouté à une balise HTML.

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

Il comprend également une balise CSS pour masquer cet élément.

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

Vous souhaiterez ensuite que le contenu alternatif soit affiché lorsqu'un utilisateur a bloqué ou désactivé JavaScript. Cela se fait à l'aide de la balise.

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

Vous avez le choix de créer une application avec des fonctionnalités et des fonctionnalités réduites ou d'exiger que le visiteur ait activé JavaScript pour pouvoir utiliser votre application.

35
BrightIntelDusk
<NOSCRIPT>
You need Javascript enabled to use this site.
</NOSCRIPT>

http://www.w3.org/TR/html401/interact/scripts.html#h-18.3.1

13
z5h