コンポーネントの角度更新テキストエリアフィールド

テキストエリアがあり、そのフィールドへの更新をプッシュしようとしています。私はこれを行う方法を把握していないようです。選択したアイテムをdropdownSourceSelectedに渡すためにコンボボックスを正常に取得しています。そこから私がしたい： 1）テキストエリアのフィールド 2を更新）コンボボックスの値をクリア（プレースホルダがコンポーネントの角度更新テキストエリアフィールド

を返すようundefinedにそれを返す私はこれを行う方法を見つけ出すことはできません私は$スコープを使用してへの参照を見てきました。私はこれをしようとしたとき、私は$の範囲が不明であることについてエラーを得た

table-widget.component.html 
     <textarea vertical-align:top ng-model="filterSelection" readonly name="selectedfilters" cols = "50" rows = "1"></textarea> 

table.component.ts 
    public dropdownSourceSelected(selection: string): void { 
    if (this.filterSelection != '') 
     this.filterSelection += '&'; 
    this.filterSelection += "source="; 
    this.filterSelection += selection; 
    console.log('filter selection: ', this.filterSelection); 
    }

出典

2017-07-05 efultz

です：

import { Component, OnChanges, Input, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'pm-star', templateUrl: './star.component.html', styleUrls: ['./star.component.css'] }) export class StarComponent implements OnChanges { @Input() rating: number; starWidth: number; @Output() ratingClicked: EventEmitter<string> = new EventEmitter<string>(); ngOnChanges(): void { this.starWidth = this.rating * 86/5; } onClick(): void { this.ratingClicked.emit('The rating ${this.rating} was clicked!'); } }

あなたは、このような評価プロパティを設定しますか？ – DeborahK

私はこの変更を行った後、角2 – efultz

このコード：

ng-model="filterSelection"

ニーズは、このことにする：

を

[(ngModel)]="filterSelection"

FYI $scopeはAngularJS（v1）です。 AngularJSとAngularは非常にという異なる構文を持っていますので、AngularJSの解で見つけた投稿はAngularでは機能しません。

ネストされたコンポーネントにプロパティを設定するには、コンポーネントの@Inputプロパティを使用し、そのプロパティをHTMLのプロパティバインディングを使用して設定します。したがって、このような何か：これは角度のバージョン

     <pm-star [rating]='product.starRating' 
          (ratingClicked)='onRatingClicked($event)'> 
         </pm-star>

出典

2017-07-05 19:27:11 DeborahK

を使用しています。どのようにtable.component.tsからフィールドを参照するのですか？ table.component.tsで作成したfilterSelectionをtable-widget.component.htmlのtextarea要素に取り込むにはどうすればよいですか？私が完全に欠けているのはそのリンクです。 – efultz

私は自分の答えを更新しました。そして、もし私が言うことができれば... *非常に難しいです*角を知るのは、 "推測とチェック"の方法で、奇数ビットのコードを使ってstackoverflowにあります。あなたが数時間を費やし、本当にAngularの基礎を学ぶならば、あなたのプロジェクトに多くの時間を節約できます。興味があれば私はコースを持っています。 – DeborahK

私はAngularを学ぶことがいかに難しいかを理解しています。私は束を拾いましたが、どのように接続するかというこの基本的なものが私を蹴っています。私は間違いなくコースやチュートリアルに興味があります。 – efultz

コンポーネントの角度更新テキストエリアフィールド

答えて

関連する問題