🚀 Что нового в Akita - менеджер угловых форм, динамические магазины и многое другое!

Поздравления с сезонами от Datorama!

Наши эльфы-акиты усердно работали над добавлением множества функций на основе ваших отзывов. Вот список всех новинок, которые у нас есть:

🙌 Менеджер угловых форм

AkitaNgFormsManager позволяет синхронизировать formGroup, formControl и formArray, Angular через уникальное хранилище, созданное для этой цели. В магазине будут храниться данные элементов управления, такие как значения, срок действия, исходный статус, ошибки и т. Д.

Это мощно, так как дает вам следующие способности:

1. Он автоматически сохранит текущее значение элемента управления и обновит значение формы в соответствии со значением в хранилище, когда пользователь вернется к форме.
2. Он предоставляет API, чтобы вы могли запрашивать значения и свойства формы из любого места. Это может быть полезно для таких вещей, как многоэтапные формы, межкомпонентная проверка и многое другое.

Целью его создания было работать с существующей экосистемой форм Angular и избавить вас от необходимости изучать новый API. Посмотрим, как это работает:

Как видите, мы все еще работаем с существующим API, чтобы создать форму в Angular. Мы вводим AkitaNgFormsManager и вызываем метод upsert, присваивая ему имя формы и formGroup (это также будет работать с одним formControl или formArray).

С этого момента AkitaNgFormsManager будет отслеживать изменения значений формы и соответствующим образом обновлять хранилище.

Например, введите имя:

С такой настройкой у вас будет обширный API для запроса магазина из любой точки вашего приложения. Вот пара примеров:

Вы можете найти исходный код, включая игровую площадку, здесь. Ознакомьтесь с документацией для получения дополнительной информации.

🤠 Динамические магазины

Начиная с последней версии Akita, мы можем передавать storeName в конструктор. Это дает нам возможность создавать внутренние хранилища на лету, а также предоставлять хранилище в разделе providers компонента, что позволяет нам получать новый экземпляр хранилища для каждого создаваемого компонента.

И, конечно же, вы увидите все, что отражено в инструментах разработки redux.

😎 Активная сущность

Теперь можно сделать активным следующий или предыдущий объект. Например:

По умолчанию, если активный объект является последним, и вы выбираете активацию следующего объекта, он перейдет к началу и сделает активным первый. Если вы хотите отключить это поведение, установите для параметра wrap значение false:

😇 Что еще?

• Параметр filterBy теперь может получать array фильтров в качестве параметра:

• Для хранилища сущностей появился новый метод upsert (вставка или обновление):

• Мы добавили Сбросить функционал магазинов.
• Теперь можно prepend добавить сущность в коллекцию при добавлении новой:

• hasEntity() теперь может получать массив идентификаторов:

Скоро в продаже: новый FiltersPlugin, который даст вам возможность легко управлять несколькими фильтрами; Добавляйте, удаляйте или обновляйте их.

😍 Присоединяйтесь к каналу Gitter от Акиты

Как всегда, если у вас возникнут вопросы или пожелания, вы можете присоединиться к каналу Akita’s Gitter.