0

私はAngular 5とprimengに取り組んでいます。私のプロジェクト ページには 2p-dropdownがあり、要件は、ラベルが2 番目のドロップダウンで指定されたオプションを追加する場合、car dropdownドロップ'Others'ダウンラベルが2 番目のドロップダウンからオプションを削除しない場合です。ドロップダウンオプションを動的に追加および削除することに行き詰まっています。以下は私のコードです。ありがとう'No Paint'car'Ohters''No Paint'

    Car: <p-dropdown [options]="cars" [(ngModel)]="selectedCar" [filter]="true"></p-dropdown>

    <p-dropdown [options]="paints" [(ngModel)]="selectedPaint" [filter]="true"></p-dropdown>

    constructor() {
            this.cars= [
                {name: 'AA', code: 'aa'},
                {name: 'BB', code: 'bb'},
                {name: 'CC', code: 'cc'},
                {name: 'DD', code: 'dd'},
                {name: 'Others', code: 'others'}
            ];

this.paints= [
                {name: 'XX', code: 'xx'},
                {name: 'YY', code: yyb'},
                {name: 'ZZ', code: 'zz'}
            ];

モデル: DropDownOptions.ts

export class DropDownOptions {
label: string;
value: string
}

試してみthis.cars.push(new DropDownOptions('Others', 'others'))ましたが、ドロップダウン値を変更するたびに「その他」オプションが追加されます。

4

2 に答える 2