AngularJS зависит от включенности JavaScript. Это означает, что если кто-то посещает приложение или веб-сайт, созданный в AngularJS, он не будет отображаться должным образом.
Каковы общие соглашения, используемые для обработки посетителей с отключенным JavaScript при использовании AngularJS?
Пожалуйста, объясните, почему это так?
В проблему входит обработка angular JS-директив и {{data_bindings}}. Чтобы данные не показывались, когда страница не может отобразить страницу.
Рассмотрев другие ответы по этому вопросу и Как определить, отключен ли 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, чтобы использовать ваше приложение вообще.
<NOSCRIPT>
You need Javascript enabled to use this site.
</NOSCRIPT>