私はAngularの初心者ですが、まだ理解しようとしています。私はMicrosoft Virtual Academyのコースをたどりましたが、それは素晴らしかったですが、彼らが言ったことと私のコードの動作との間に少しの不一致を見つけました!具体的には、次のように「コンポーネントを別のコンポーネント内に配置」しようとしました。
@Component({
selector: 'parent',
directives: [ChildComponent],
template: `
<h1>Parent Component</h1>
<child></child>
`
})
export class ParentComponent{}
@Component({
selector: 'child',
template: `
<h4>Child Component</h4>
`
})
export class ChildComponent{}
これは彼らがコースで作成したのと同じ例ですが、私のコードでは機能しません!特にVisualStudioは、 'directives'プロパティはコンポーネントデコレータには存在しないと私に言っています。どうすればこれを解決できますか?
あなたはコンポーネントを入れませんdirectives
あなたはそれを宣言に登録します@NgModule
:
@NgModule({
imports: [ BrowserModule ],
declarations: [ App , MyChildComponent ],
bootstrap: [ App ]
})
次に、親のテンプレートHTMLに次のように配置します。 <my-child></my-child>
それでおしまい。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加