Угловой компонент понижения 2 с выходным параметром до углового 1 - PullRequest
3 голосов
/ 07 марта 2019

Мне удалось создать компонент Downgrade angular 7 до angular 1, но я столкнулся с небольшой проблемой, которую пытался решить многими способами, но не решил.

мой компонент downgrade имеет следующий выходной параметр:

@Output()isValid = new EventEmitter<boolean>();

и его срабатывание следующим образом:

this.isValid.emit(false);

в моем угловом 1 компоненте я использовал его после понижения его следующим образом:

  • в шаблоне: <downgrade-employee-selector (is-valid)="{{vm.validateEmployeeSelector($event)}}"> </downgrade-employee-selector>
  • в тс: self.validateEmployeeSelector = ($event) => {console.log($event);}

работает нормально, но всегда $ событие в угловом значении функции 1 не определено, и я не могу понять, как оно работает.

1 Ответ

2 голосов
/ 08 марта 2019

Я получил решение для моего решения следующим образом:

  • определить входы и выходы моих компонентов: directive('downgradeEmployeeSelector', downgradeComponent({ component: EmployeeSelectorComponent,<br> inputs: ['selectedEmployeesIds', 'multiSelect', 'required'], outputs: ['isValid', 'selectedEmployeesIdsChange'] })

  • вызовы выходов и входов на угловой 1 html странице: <downgrade-employee-selector name="empSelector" [selected-employees-ids]="vm.selectedEmployeeIds" [required]="true" (is-valid)="vm.validateEmployeeSelector($event)"></downgrade-employee-selector>

...