BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] 新しいコンポーネントがAngularをレンダリングしない

2022-02-19 16:33:18

質問

私は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>

では、なぜ私のブラウザでレンダリングされないのでしょうか？どこでエラーになるのでしょうか？

どうすればいいですか？

app-rootは、angularアプリのアプリケーションコンテナです。

を設定します。 <app-radio></app-radio> を app.component.html の中に入れると、表示されるはずです。

お役に立てれば幸いです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します