Как импортировать компоненты?

Question

В данный момент мы разрабатываем Angular Living Styleguide. Мы планируем разработать компоненты в этом руководстве по стилю и использовать их в наших приложениях.

Для приложений мы также хотели бы использовать шаблон с избыточностью: https://github.com/angular-redux/store

Что я не смог найти, так это: Как связать компоненты, которые импортируются через пакеты npm, в хранилище избыточностей?

• Должно ли хранилище быть введено как компонент в компонент? Это идет против развязки. А как насчет двойных компонентов, которые будут иметь одно и то же диспетчерское сообщение?
• Должно ли хранилище передаваться компоненту через @Input? Затем другие переменные, такие как строки отправки, также должны быть переданы в Компонент. (например, кнопка - какое действие отправлять при нажатии)
• Должен ли я реализовать службу, которая обрабатывает все избыточное содержимое, включая компонент, передающий диспетчеру сообщение службы? Это похоже на повторную реализацию избыточности для меня.

Answer 1

Вы можете использовать сервисы для управления вашим магазином, внутри вашего сервиса вы можете получить переменную из магазина и отправить новые значения, например, после вызова http-вызова. чтобы получить значение хранилища в компонентах, вы можете вызвать свойство примера службы:

books= this.storeService.books;

если вы хотите добавить книги в свой компонент:

this.storeService.create(books);

на другой стороне (storeService.ts)

this.books = store.get('Books');

чтобы получить Книги из магазина, и вы отправляете новое значение книг, когда подписываетесь на ваш пост-звонок, который создает новые

....subscribe(data = > { this.store.dispatch({type: 'Books', payload : data.books});})