it-swarm.dev

Cómo manejar JavaScript deshabilitado en AngularJS

AngularJS depende de que JavaScript esté habilitado. Esto significa que si alguien visita una aplicación o sitio web integrado en AngularJS, no se representará correctamente.

¿Cuáles son las convenciones comunes que se usan para manejar visitantes con JavaScript deshabilitado cuando se usa AngularJS?

Por favor explique por qué este es el caso?

Incluido en el problema está el caso de manejo angular directivas JS y {{data_bindings}}. De modo que los datos no se muestran cuando la página no puede representar la página.

33
BrightIntelDusk

Después de considerar otras respuestas a esta pregunta y " ¿Cómo detectar si JavaScript está deshabilitado? ", así como algunas investigaciones adicionales sobre AngularJS.

En primer lugar, querrá ocultar todas las variables que se muestran a través de los enlaces de datos.

Esto se puede hacer usando ng-cloak que se agrega a una etiqueta HTML.

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

También incluye una etiqueta CSS para ocultar ese elemento.

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

Luego, querrá que se muestre contenido alternativo para cuando un usuario tiene JavaScript bloqueado o deshabilitado. Esto se hace usando la etiqueta.

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

Tiene la opción de crear una aplicación con características y funcionalidades reducidas o requerir que el visitante tenga habilitado JavaScript para poder usar su aplicación.

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