選択角度4からオプションを削除する

Question

シナリオではヘルプが必要です。シナリオはページにあります。私は4つの選択入力があり、各入力には、オブジェクトのマスターからのアイテムのコピーが4つあるようなソースがあります。

例えば

<ion-select (ionChange)="onChange($event,i)" class="select-bx" placeholder="Select Security Question" [(ngModel)]="objQuestListModel[i].selQuestionId"> 
    <ion-option *ngFor="let items of objQuestList[i]" value="{{items.QuestionId}}">{{items.QuestionText}}</ion-option> 
    </ion-select> 

ので、私は、各ドロップダウンリストから選択したすべての項目を削除しますが、選択ドロップダウンのために選択した項目を保存しておきたいです。ドロップダウン1例について

私は残りのすべてのドロップダウンから、オプションを選択した場合、それは私がオプションBを選択した場合、それは私がコルドバとの角度4を使用していますドロップダウン1. から削除する必要があるドロップダウン2で を削除する必要があります。

私を助けてください。

よろしく アニル・クマール

Answer 1

私はので、私は角の構文を使用するイオン性を知りません。コンポーネントtypescriptファイルで

あなたはこのような何か行う必要があります。

private selectedOptions:number[] = []; 

private onChangeSelectBox(event:any){ 
    let value:number = event.target.value; 
    if(this.selectedOptions.indexOf(value) == -1){ 
     this.selectedOptions.push(value); 
    } 
} 


private showOption(optionId:number):boolean{ 
    return this.selectedOptions.indexOf(optionId) == -1; 
} 

し、HTMLファイル内：

<select (change)="onChangeSelectBox($event)"> 
     <template ngFor let-item [ngForOf]="yourItemsCollection"> 
     <option *ngIf="showOption(item.id)" value="{{item.id}}"> 
      {{item.name}} 
     </option> 
     </template> 
<select>