ネストされたコンポーネントの内側に角の要素を入れ子にします。

Question

人！

私の問題は、ルートのコンポーネントである別のコンポーネント内にコンポーネントがネストされていることです。これは次のようなものです：（メインコンポーネントrouter-outlet）AppComponent - > LeaderComponent - > NavigationPathComponent。この最後のコンポーネントの内部では、@Input()を使用して親からいくつかの値を取得し、コンポーネントコード内で動作しますが、テンプレートでは動作しません。ここで

は私のコードです：
NavigationPathComponent:

import { Component, Input } from "@angular/core"; 
@Component({ 
    selector: "navigation-path", 
    template: "{{los}}", 
    style: "irrelevant"] 
}) 

export class NavigationPathComponent { 
    @Input() los: string; 
} 

そしてLeaderComponentテンプレートの内側にあります：私はそれが必要 <navigation-path>テンプレートに {{los}}を追加する場合に生じるはずである

<navigation-path los="someString"></navigation-path>

ブラウザにはsomeStringが出力されますが、代わりに何も出力されません。私がコンポーネントコードの中にログアウトすると、someStringがコンソールに出力されます。

P.S.私が<navigation-path>をAppComponentテンプレート（1つのネストレベル以上）に移動すると、完全に機能します。既に入れ子になっているコンポーネント内のコンポーネントをAngularでネストすることは可能ですか？現在私はAngular v4.2.4で作業しています。

Answer 1

プロパティを通過するときに[]構文を使用する必要があります。 [los] = "someString"となります。