NG-コンテンツおよびTextAreaの互換性の問題

Question

私は、次のテンプレートを使用してカスタムmy-textareaコンポーネントを持っています要素）：

予想される注入文字列がない空のコンポーネントが表示されるsome text。
なぜこのようなことが起こる可能性がありますか？私はボタンで同じことをしようとし、それは動作します。 （<button><ng-content></ng-content></button>）。
ng-contentとtextareaの間に互換性の問題はありますか？
おかげ

Answer 1

あなたがたとえば、あなたのcomponent.tsに

を@Input（）アノテーションを使用することができます

@Input() someText: string; 

そして今、あなたのようなコンポーネントで必要なテキストを「注入」することができます：

<my-textarea [someText]="'sometext'"></my-textarea> 

それとも、別のコンポーネントに変数のテキストを持っている

<my-textarea [someText]="someVariableWithText"></my-textarea> 

編集

app.component.ts

@Component({ 
    selector: 'my-app', 
    templateUrl: 'app/app.component.html', 
}) 
export class AppComponent { 
    text:string = "textToINsertINAnothercomponent"; 
} 

app.component.html

<my-textarea [textInCustom]="text"></my-textarea> 

私-texarea.component.ts：

@Component({ 
    selector: "my-textarea", 
    templateUrl: "app/my-textarea/my-textarea.component.html" 
}) 
export class ReviewList { 
    @Input() textInCustom: string; 
} 

私-textarea.component.htミリリットル：

<text-area>{{textInCustom}}</text-area>