В основном у меня есть проект Angular 7, это веб-сайт для дома и зарегистрированной области. Содержимое зарегистрированной области, доступное через OAuth, должно быть видно только зарегистрированным пользователям.
Проблема в том, что с домашней страницы, если я проверю, я не могу найти зарегистрированное содержимое в части HTML (и это правильно), но если я перейду к main.js в исходном коде, я могу найти это содержимое в модуль.экспорт.
Что я делаю прямо сейчас, так это:
У меня есть компонент с именем LoggedComponent, который появляется в основном компоненте только в том случае, если выполняется *ngIf='logged'. logged берется из службы и корректно обновляется независимо от того, вошел пользователь в систему или нет. Если logged равно true, то компонент загружается.
Но как я могу скрыть содержимое LoggedComponent от пользователя, который может проверить мой код из Chrome? Мой веб-сайт находится на главной странице, я не использовал маршрутизатор, это решение?
Не могли бы вы помочь мне с этим?
Что вы подразумеваете под проверкой кода? Исходный код или DOM? Вы не можете скрыть исходный код, вы можете только запутать его, чтобы его было трудно читать.
если он находится внутри ngIf, пользователь не может его увидеть даже с проверкой кода.
Что люди обычно делают, так это то, что все скрытые данные доступны только через API, и вам нужно войти в систему, чтобы получить данные из этого API.
Я имею в виду, что видео можно увидеть, если вы просматриваете код, переходите к источнику и проверяете файл main.js. Даже если я построил проект с --prod, если вы нажмете CTRL+F и выполните поиск VIDEO, вы увидите тег видео. Я хочу, чтобы это было скрыто



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Итак, ребята, проблема в том, что если вы НЕ вошли в систему, но вы проверяете мой код с домашней страницы, вы можете увидеть содержимое LOGGEDCOMPONENT. Это неправильно, это должно быть видно только авторизованным пользователям! Помогите, пожалуйста :)