Новый компонент не рендеринг Angular - PullRequest
Новая
       10

Новый компонент не рендеринг Angular

0 голосов
/ 24 июня 2018

Я новичок в 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>

Так почему же это не рендеринг в моем браузере? Где моя ошибка?

Ответы [ 2 ]

0 голосов
/ 24 июня 2018

Как уже упоминалось @ Флориан Бастианелли

<app-root></app-root> - это угловой контейнер, поэтому вам нужно поместить <app-radio></app-radio> внутри основного модуля.

0 голосов
/ 24 июня 2018

Ваш app-root является контейнером приложения для вашего углового приложения.

Установите <app-radio></app-radio> внутри app.component.html, и вы должны его увидеть.

Надеюсь, что это поможет!

...