6

私は顧客とスプリング レスト バックエンドを扱っている Angular 2 アプリを持っています。顧客オブジェクトには、オブジェクトでもある顧客タイプがあり、オブジェクトが値として保存されるように顧客フォームのドロップダウンが機能していますが、正しい顧客タイプを選択する方法がわかりません既存の顧客がフォームに読み込まれます。

<select  class="form-control" required [(ngModel)]="customer.customerType" >
   <option *ngFor="let ct of customerTypes" [ngValue]="ct">{{ct.customerType}}</option>
</select>

上記のスニペットでは、顧客に既に顧客タイプがある場合、ドロップダウンは値を選択しません。ngOptions を使用して解決された angular1 で同じ問題が発生したことを覚えています。

<select ng-model="customer.customerType"
        ng-options="customerType.customerType for customerType in customerTypes 
        track by customerType.customerType" >
</select>

だから、私の質問は、Angular1 がこの問題を Angular 2 で解決した方法を再現する方法です。

4

3 に答える 3

7

私は同じ問題を抱えていて、このように解決しました：

<select  class="form-control" required [(ngModel)]="customer.customerType" >
   <option *ngFor="let ct of customerTypes" 
        [ngValue]="ct"   
        [attr.selected]="customer.customerType.customerType==ct.customerType ? true : null"
       >{{ct.customerType}}</option>
</select>

ギュンター・ツェッヒバウアーに感謝

于 2016-08-22T09:09:21.350 に答える