ng-contentの角度コードをコンポーネント側にレンダリングする方法は？

Question

以下のように使用するにはどうすればいいですか： <test>の内容の{{x-value}}は、test.htmlのJSクラスを指します。 コンポーネントクラスを参照する方法。実際に

test.htmlという

<test x-value="abc"> 
<b>{{x-value}}</b> 
</test> 

テストcom.js

@Component({ 
    selector : 'test', 
    template : '<ng-content></ng-content>', 
    directives : [IONIC_DIRECTIVES], 
    providers : [], 
    inputs : ['value : x-value'], 
}); 
export class Test{ 
    constructor() { 

    } 
    ... 

} 

Answer 1

あなたの式は、現在のコンポーネントに対して実行されます。私はあなたがテストを使用するコンポーネントを意味します。

あなたの代わりにテストコンポーネントから値を取得したい場合は、これを試みることができる：

<test #test x-value="abc"> 
    <b>{{test['x-value']}}</b> 
</test> 

（＃で定義された）ローカル変数を使用すると、テストコンポーネント自体の参照を取得します。次に、テストコンポーネントの入力内容に補間を使用して、その "x値"プロパティを表示するために使用することができます。