Новый компонент не отображает Angular
Я новичок в Angular. Я хотел бы создать новый компонент в своем проекте, но он не отображается, когда я использую его в своем index.html.
Я использовал эту команду:
ng new test
cd test
ng generate component radio
и после того, как я отредактировал свой index.html:
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>test</title>
<base href = "/">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<link rel = "icon" type = "image/x-icon" href = "favicon.ico">
</head>
<body>
<app-root>Loading...</app-root>
<app-radio>Loading...</app-radio>
</body>
</html>
Результат, когда я сделал ng serve:
app works!
Loading...
В app / radio / radio.component.html у меня автоматически сгенерирован этот код:
<p>
radio works!
</p>
Итак, почему он не отображается в моем браузере? Где моя ошибка?
У меня в консоли Javascript есть эта ошибка: [WDS] Disconnected! vendor.bundle.js:61252:10
Остановите приложение, запустив команду «ctrl + c». Запустите «ng lint», чтобы увидеть возможные ошибки сборки. Кажется проблема с cli bundling.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Ваш app-root - это контейнер приложения для вашего углового приложения.
Установите <app-radio></app-radio> в app.component.html, и вы должны его увидеть.
Надеюсь, это поможет !
Как уже упоминалось @ Флориан Бастианелли
<app-root></app-root> - это угловой контейнер, поэтому вам нужно разместить <app-radio></app-radio> внутри основного модуля.
Пожалуйста, проверьте консоль Javascript на предмет возможных исключений.