Angular 4中Json对象数组的自定义管道过滤器

时间:2018-02-25 06:24:29

标签: javascript angular typescript

我有一个数组,它包含一个json对象列表作为项目。我使用此数组作为两个选择控件的选项列表,这里我想隐藏第二个选择控件选项列表中的第一个选择控件选定项。

有可能吗?

1 个答案:

答案 0 :(得分:1)

我不知道你为什么要在没有管道的情况下轻松完成管道/过滤器解决方案?我可能不知道你的整个场景,但你根据一个简单的解决方案写的是,

<select class="form-control" [(ngModel)]="selectedCity">
     <option *ngFor="let ct of cities" [value]="ct.id">{{ct.name}}  
</select>



// look at [disabled]="selectedCity==ct.id"

 <select class="form-control" [(ngModel)]="selectedOtherCity">
     <option [disabled]="selectedCity==ct.id" *ngFor="let ct of cities" [value]="ct.id">{{ct.name}}  
</select>

详细代码可在此处找到:https://plnkr.co/edit/gkvFqtyddLVEsFOE07Ls?p=preview