そこで、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.html
にnotifications.component.html
を入れてみました。 (app.component.html
のみが機能しましたが、両方のHTMLが表示されています。)
上記の仮定が正しくない場合、それはどのように機能するはずですか?
追伸.
ありがとうございます。迅速な対応をしてくださった皆さん、
あなたの答えはすべて正しいことはわかっていますが、私は1つの答えしか受け入れることができませんでした。
私の場合、大文字と小文字の区別が問題でした。私のような新しいユーザーが犯す可能性がある1つの間違いは、パス名の大文字と小文字の区別です。