Как загрузить один компонент без отображения других компонентов - PullRequest
0 голосов
/ 28 декабря 2018

Я знаю общую структуру Angular.Первый исполняемый файл - это файл main.ts.В этом файле AppModule импортируется.В AppModule импортируется корневой компонент AppComponent.Наконец, AppComponent находится между тегом body индексного файла - тем файлом, который обслуживается сервером.Вы можете вкладывать компоненты - отображать один компонент один может работать, но я не понимаю, как.

Я посмотрел его в Google, купил онлайн-курс по Udemy (но только что закончил крошечныйчасть) - я ничего не нашел.Могу поспорить, что решение тривиально, и я просто плохо разбираюсь в вещах ...

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

Из-за странной структуры написания вопроса я пишу следующие имена файлов по порядку, чтобы вы знали, какой код принадлежит какому файлу.

1.app.component.html

2.nav.component.html

3.content.component.html

4.app-routing.module.ts

<app-nav></app-nav>
<router-outlet></router-outlet>



<h1>Nav</h1>
 <ul>
   <li><a routerLink="/content">Content</a></li>
 </ul>



 <p>
  content works!
 </p>



const routes: Routes = [
  { path: "content", component: ContentComponent}
];

Нажатие наотображается ссылка content.component.html, а также nav.component.html, что логично, если подумать о структуре, но я просто хочу отобразить содержимое.Обычно навигация всегда отображается, но это только пример.Так как только отображать контент.

Этот вопрос стал огромным.Спасибо, что нашли время, чтобы прочитать его и пытаетесь помочь мне!

1 Ответ

0 голосов
/ 28 декабря 2018

Вы можете использовать структурную директиву * ngIf на app.component.html

<app-nav *ngIf="condition"></app-nav>

, где условие будет булевой переменной на app.component.ts при условии ==false "компонент навигации не будет отображаться.

NgIf Документация angular.io

...