Как обрабатывать JavaScript отключен в AngularJS

AngularJS зависит от включенности JavaScript. Это означает, что если кто-то посещает приложение или веб-сайт, созданный в AngularJS, он не будет отображаться должным образом.

Каковы общие соглашения, используемые для обработки посетителей с отключенным JavaScript при использовании AngularJS?

Пожалуйста, объясните, почему это так?

В проблему входит обработка angular JS-директив и {{data_bindings}}. Чтобы данные не показывались, когда страница не может отобразить страницу.

Ответы

Ответ 1

Рассмотрев другие ответы по этому вопросу и Как определить, отключен ли JavaScript?, а также некоторые дальнейшие исследования AngularJS.

Сначала вам нужно скрыть все переменные, отображаемые через привязки данных.

Это можно сделать, используя ng-cloak, который добавляется к тегу HTML.

<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, чтобы использовать ваше приложение вообще.