web-dev-qa-db-ja.com

angular 8:コンポーネントがロードされないのはなぜですか?

そこで、angular-cliを使用してアプリを作成しました。 src dirに次の構造があります。

. ├── app │   ├── app-routing.module.ts │   ├── app.component.css │   ├── app.component.html │   ├── app.component.spec.ts │   ├── app.component.ts │   ├── app.module.ts │   └── notifications │   ├── notifications.component.css │   ├── notifications.component.html │   ├── notifications.component.spec.ts │   └── notifications.component.ts ├── assets ├── environments │   ├── environment.prod.ts │   └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── protocol.js ├── styles.css └── test.ts

ルートには以下があります。

RouterModule.forRoot([
        { path: '', component: AppComponent },
        { path: 'notifications', component: NotificationsComponent}
    ])

AppComponentには、ログインページ用のHTMLがあります。
フォームが送信されたら、[routerLink]="['/notifications']"を使用してnotificationsコンポーネントにリダイレクトします

今、index.htmlの<app_root></app_root>notifications-component.htmlが入力されることを期待しています。

まず第一に、上記の仮定は正しいですか?

notification-component.tsでセレクターを変更しようとしました
<app-notifications></app-notifications><app_root></app_root>に入れてみました
<router-outlet></router-outlet><app_root>app.component.htmlnotifications.component.htmlを入れてみました。 (app.component.htmlのみが機能しましたが、両方のHTMLが表示されています。)

上記の仮定が正しくない場合、それはどのように機能するはずですか?

追伸.

ありがとうございます。迅速な対応をしてくださった皆さん、

あなたの答えはすべて正しいことはわかっていますが、私は1つの答えしか受け入れることができませんでした。

4
Kishor Pawar

私の場合、大文字と小文字の区別が問題でした。私のような新しいユーザーが犯す可能性がある1つの間違いは、パス名の大文字と小文字の区別です。

0
AAAA