Ciao Fabrizio,
eccoti un esempio funzionante, forse dovrai aggiustarlo in base alle tue
esigenze ma è sicuramente un punto di partenza.
Di seguito il contenuto del file app.ts modificato del tuo esempio in plnkr:
//our root app component
import { Component, NgModule, VERSION } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@Component({
selector: 'my-app',
template: `
<table>
<tr>
<td *ngFor="let item of selectTags2render" style="padding:10px;">
<p>{{item.id}}</p>
<select [id]="item.id" (change)="onChange(item, $
event.target.value)">
<option value="">--</option>
<option *ngFor="let opt of item.opts" [value]="opt.key" >
{{opt.key}}
</option>
</select>
</td>
</tr>
</table>
<p *ngFor="let optSel of this.optionSelected">
Select id {{optSel.id}} - value {{optSel.sel}}
</p>
`,
})
export class App {
name: string;
showOption:boolean = true;
comboList:ComboItem[] =[];
selectTags2render:{ id:string, opts: ComboItem[] }[] = [];
optionSelected:{ id:string, sel: any }[] = [];
constructor() {
this.name = `Angular! v${VERSION.full}`;
let uno:ComboItem = new ComboItem('1','uno');
let due:ComboItem = new ComboItem('2','due');
let tre:ComboItem = new ComboItem('3','tre');
let quattro:ComboItem = new ComboItem('4','quattro');
let cinque:ComboItem = new ComboItem('5','cinque');
this.comboList.push(uno,due,tre,quattro,cinque);
this.bindSelectObject();
}
private bindSelectObject(skipID?:string, skipValue?:any) {
if (this.comboList && this.comboList.length > 0){
let tempList:{ id:string, opts: ComboItem[] }[] = [];
for (let i = 0; i < this.comboList.length; i++){
tempList.push({
id: `id_${i}`,
opts: ((skipValue) ?
this.comboList.filter(v => v.key !=
skipValue &&this.optionSelected.find(s => s.sel == v.key) == null) :
this.comboList.filter(v => this.
optionSelected.find(s => s.sel == v.key) == null))
});
}
this.selectTags2render = tempList;
}
}
onChange(item, value) {
this.optionSelected.push({id: item.id, sel: value});
this.bindSelectObject(item.id, value);
}
}
@NgModule({
imports: [BrowserModule,FormsModule],
declarations: [App],
bootstrap: [App],
})
export class AppModule {}
export class ComboItem {
key:string;
value:string;
constructor( key: string, value: string ) {
this.key = key;
this.value = value;
}
}
Il giorno lunedì 22 ottobre 2018 15:58:20 UTC+2, Fabrizio Pititto ha
scritto:
>
> Hello.. i have a multirow select that bind to the same list of option.
> what i need to accomplish is that when one option is selected into a select
> than this option need to be hidden to the other select. i started to write
> the code but i0m stuck at this point:
>
> https://next.plnkr.co/edit/NM4Tj4mrSV6p0Oa0?open=lib%2Fapp.ts&deferRun=1
>
> can someone help me to complete the function in order to obtain what i
> need.?
> thank you.
>
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
