On a deux champs SELECT

On aimerais modifier les data affichées dans le deuxieme SELECT selon ce qui est choisi dans le premier :

@ViewChild(FormComponent)
  formComponent: FormComponent;

  public onDataChange(a_event: MsFormDataChange) {

    if (a_event.name === 'entite') {
// on selectionne l'input qu'on veux recharger
      let l_activiteComponent: InputComponent = <InputComponent>this.formComponent.components.find(item => item.name === 'activiteList');
// on lui ajoute un apiParam
      (<MsSelectMultiConf>l_activiteComponent.config).apiParams.addNumberParam('idEntite', a_event.data.id_EntiteR);
// on recharche les items du SELECT
      l_activiteComponent.loadItems();
      const l_data: ParamProfilMetierModal = <ParamProfilMetierModal>this.data;
// on vide la liste précedente et on indique que le meta a été modifié pour pouvoir save
      if ((l_data.activiteList_ProfilMetierIntervR) && (l_data.activiteList_ProfilMetierIntervR.length > 0)) {
        l_data.activiteList_ProfilMetierIntervR = [];
        (<Metas>this.metas).id_activiteList_TypeR.changed = true;
      }
    }

  }

// dans le template on rajoute un datachange
ms-standard-modal([bodyTemplate]='bodyTemplate')
ng-template(#bodyTemplate, let-modal)
    ms-form([form]='modal.forms?.defaultForm', [(data)]='modal.data', [(metas)]='modal.metas', [config]='formConfig',(onDataChange)='onDataChange($event)')