2017-11-29 23 views
0

角度2では、動的オプション(この場合はカテゴリ)を含む選択(ドロップダウンメニュー)と、選択に追加される新しいカテゴリを作成する関数を呼び出すオプションオプションリスト(すなわち、ドロップダウンメニュー)。角度2、オプションの選択

<md-select name="categories" (change)="categoryChanged($event)" [(ngModel)]="selectedCategory" floatPlaceholder="never" #categorySelect> 
    <md-option (click)=openAddCategoryDialog(proj)>Add Category</md-option> 
    <md-option *ngFor="let curr of proj['data'][0].Category" [value]="curr">{{curr.name}}</md-option> 
    </md-select> 

私は選択ドロップダウンリストから「カテゴリの追加」して、新しいカテゴリを作成]を選択すると、私は選択を選択フィールドに表示されていた前の値を表示したいです。この場合、現在は何も表示されません。他の値を切り替えると、選択したカテゴリが表示されます。

「カテゴリの追加」を選択すると、以前に選択したカテゴリを選択表示にするにはどうすればよいですか?

+0

「カテゴリの追加」機能を選択から外すのが最善の方法だと思います。 [カテゴリの追加]をクリックすると、選択の値が変更されるため、発生している問題が発生しています。 – LLai

答えて

0

一つの可能​​な解決策Add Categoryオプション

<md-option (click)=openAddCategoryDialog(proj) disabled>Add Category</md-option> 

これは、ドロップダウンがAdd Categoryに変更されないことを保証するが、同時に、まだ新しいカテゴリを追加し、クリックイベントを発生させますを無効にすることです。これをデモンストレーションするのはstack blitzです。


私のコメントによると、この機能は奇妙であり、回避策のようです。 Addカテゴリ機能を選択範囲から移動することをお勧めします。

+1

私はこれが奇妙な機能だと理解していますが、ソートの要件です。あなたの答えをありがとう。私の機能は今や意図どおりに機能します。 :) –

関連する問題