которые реализуют smart table комопонент. Под smart table я подразумеваю компонент которвый выводит данные в табличном виде, умеет делать пагинацию, фильтрацию, сортировку. Так вот, есть корневая директива st-table которая рулит состоянием, и есть разные вспомоагтельные директивы которые ее юзают для управления состоянием и синхронизации своего ui с ним, к примеру st-filter и st-sort, иерархия примерно такая:
<div st-table>
<input st-filter='fieldName' />
<table>
<tr>
<td st-sort='fieldName'>
....
следовательно директивы st-filter и st-sort у себя в конструкторе делают просто constructor( @Host() private st: SmartTableDirective) и потом через этот инст подписываются и вызывают все что им нужно. И все это прекрасно работало ровно до того момента когда мне потребовалось утащить st-sort внутрь друго компонента, то есть директива теперь не может достучатся через @Host() до нужной родительской директивы, дословно прям так и говорит No provider for SmartTableDirective. Так вот ошибка меня на талкивает на мысль что я могу как то запровайдить инст на этот компонент внутри моего компонента, только вот не знаю как, и вообще возможно ли это? То есть ли способ прокинуть нужный комопонент глубже по дереву компонентов чтобы через @Host() декоратор можно было подцепить его?
@Optional() в консрукторе
Еще можешь в 'st-table' провайдить сервис таблица по токену, а в остальных его инжектить. Соотвественно от @Host избавляемся и имеем нормальную иерархию без танцев с бубном
Обсуждают сегодня