角度2 TEXTAREAは、私は、入力テキストエリアのフィールドを持つ角度2アプリを持っているjQueryの

Question

から値を受け入れません。 。彼らは、我々はまた、テキスト、すなわちテキストを（）の追加の他の反復を使用しました（テキストエリアのテキストが更新取得されていない、しかし、

$("#projectDescription").val("Test value"); 

を使用してフォームを送信するテキストエリアに値を挿入しようとしている、innerHTMLプロパティ= ）。 'text'のような他の入力タイプでもうまく動作しますが、更新されないのはtextareaだけです。これは既知の問題ですか？そのための解決策はありますか？

EDIT：サイトのローカルコンソールで値を更新することさえできないことにも注意してください。しかし、Angular 2の特定の属性（つまりng-object ng-class）を削除すると、値を更新できるようになります。そのため、AngularフレームワークとJQueryの間のやりとりが行われています。

Answer 1

Angularを使用しているときはJQueryを使用しないでください。 JQueryを使用する必要があるユースケースがいくつかありますが、そのような状況はまれに起こります。代わりに、その（#projectDescription）のようなhtmlタグのローカル要素の参照を置く：

<textarea #projectDescription id="projectDescription" required [(ngModel)]="projectDescription" [formControl]="createNewForm.controls['projectDescription']" style="margin-bottom:-2%;width:50%;"></textarea> 

そして、あなたのTSで、そのよう@ViewChildを使用してElementRefを得る：

@ViewChild('projectDescription') projectDescription: ElementRef; 

は必ずViewChildをインポートしてくださいElementRefから@angular/coreまでです。

そして使用してテキストエリアの値を操作：またconsole.log(this.projectDescription)ネイティブ要素にあなたが操作できる他、まさに見ることができ

this.projectDescription.nativeElement.value = "Whatever you want the value to be"; 

を。