Angular 4 Priming onChange不起作用

目前，我正在实现一种搜索方法，从两个下拉列进行搜索。 我们先选择第一列，然后选择第二列。我们有2个思洛存储器和4个车间，选择第一个思洛存储器，它将显示思洛ID为1的2个车间，选择第二个思洛存储器，它将显示思洛ID为2的其余2个车间。但是，无论我如何修改onChange（$event），（onChange）=“onChange（$event.value）似乎永远不会工作

这是我的.ts代码

 /*Here is my .ts code*/<br> constructor(
      private router: Router ) {
       this.silos = [
        {label: 'North ASSEMBLY SILO', value:{Id: '1'}},
        {label: 'South ASSEMBLY SILO', value:{Id: '2'}},
        ];           
       this.shops = [          
        {label: 'Assembly N', value:{siloId: '1', Id: '1'}},
        {label: 'Assembly NN', value:{siloId: '1', Id: '2'}},
        {label: 'Assembly S', value:{siloId: '2', Id: '3'}},
        {label: 'Assembly SS', value:{siloId: '2', Id: '4'}},
        ];
                 }
        onChange($event){
          if(event) {
             // No matter what I do, this seems doesn't work....
        }
    }

        <div class="ui-grid-col-3" >   
        <b>DROP DOWN TO SELECT SILOS</b>
        <p-dropdown [options]="silos" [(ngModel)]="selcetedShop" [style]="{'width':'100%'}" filter = "true" (onChange)="onChange($event)">
        </p-dropdown>
    </div>
    <div class="ui-grid-col-3" >    
        <b>DROP DOWN TO SELECT SHOPS</b>
        <p-dropdown [options]="shops" [(ngModel)]="selectedSilo" [style]="{'width':'100%'}" filter ="true">
        </p-dropdown>
    </div>

/*这是我的.ts代码*/
构造函数(
专用路由器（路由器）{
这是一个很好的例子[
{label:'North ASSEMBLY SILO'，值：{Id:'1'}，
{label:'South ASSEMBLY SILO'，值：{Id:'2'}，
];           
此参数为[
{label:'Assembly N'，value:{siloId:'1'，Id:'1'}，
{label:'Assembly NN'，value:{siloId:'1'，Id:'2'}，
{label:'Assembly S'，value:{siloId:'2'，Id:'3'}，
{label:'Assembly SS'，value:{siloId:'2'，Id:'4'}，
];
}
onChange（$事件）{
如果（事件）{
//不管我做什么，这似乎都不起作用。。。。
}
}

这是我的.html代码

 /*Here is my .ts code*/<br> constructor(
      private router: Router ) {
       this.silos = [
        {label: 'North ASSEMBLY SILO', value:{Id: '1'}},
        {label: 'South ASSEMBLY SILO', value:{Id: '2'}},
        ];           
       this.shops = [          
        {label: 'Assembly N', value:{siloId: '1', Id: '1'}},
        {label: 'Assembly NN', value:{siloId: '1', Id: '2'}},
        {label: 'Assembly S', value:{siloId: '2', Id: '3'}},
        {label: 'Assembly SS', value:{siloId: '2', Id: '4'}},
        ];
                 }
        onChange($event){
          if(event) {
             // No matter what I do, this seems doesn't work....
        }
    }

        <div class="ui-grid-col-3" >   
        <b>DROP DOWN TO SELECT SILOS</b>
        <p-dropdown [options]="silos" [(ngModel)]="selcetedShop" [style]="{'width':'100%'}" filter = "true" (onChange)="onChange($event)">
        </p-dropdown>
    </div>
    <div class="ui-grid-col-3" >    
        <b>DROP DOWN TO SELECT SHOPS</b>
        <p-dropdown [options]="shops" [(ngModel)]="selectedSilo" [style]="{'width':'100%'}" filter ="true">
        </p-dropdown>
    </div>

下拉选择思洛存储器
下拉选择店铺

您需要使用

（ngModelChange）

 <p-dropdown [options]="silos" [(ngModel)]="selcetedShop" [style]="{'width':'100%'}" filter = "true" (ngModelChange)="onChange(selcetedShop)" >

它应该将selectedShop传递给您的onchange函数thx，我想确认如何获取此{标签：'North ASSEMBLY SILO'，值：{id:'1'}中的id，只需获取selectedShop.value.Idplease为formControlName提供一个解决方案，因为我没有使用[（ngModel）]哦。它是使用

（onSelect）=“changeCountry（registerForm controls）”完成的['country'].value）”

标记错误，请更正。其中一个标记完全不相关