Привет всем, столкнулся с проблемкой, у меня есть группа компонентов,

Question

Привет всем, столкнулся с проблемкой, у меня есть группа компонентов,

которые реализуют 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() декоратор можно было подцепить его?

#angular #frontend #javascript #programming #russian

0

17.04.2017

2 ответов

16 просмотров

Smooth Operator

Еще можешь в 'st-table' провайдить сервис таблица по токену, а в остальных его инжектить. Соотвественно от @Host избавляемся и имеем нормальную иерархию без танцев с бубном

0

17.04.2017

Smooth Operator · Accepted Answer

Smooth Operator

@Optional() в консрукторе

0

17.04.2017

169 похожих чатов

Привет всем, столкнулся с проблемкой, у меня есть группа компонентов,

2 ответов

Похожие вопросы