Angular Reactive Forms против ngModel, который имеет лучшую производительность?

Question

Я пытаюсь понять, какой из двух имеет лучшую производительность, я предполагаю, что тип формы важен для ответа, в моем случае я пытаюсь создать некоторые компоненты ControlValueAccessor, каждый из которых содержит поле mat-autocomplete, цель состоит в том, чтобы использовать это внутри более крупного элемента реактивной формы, я хотел бы использовать реализацию реактивной формы в компонентах ControlValueAccessor, но я не знаю, отрицательно ли это влияет на производительность, и, возможно, лучше иметь ngModel внутри реактивной формы

Answer 1

Угловые формы

Заметной разницы в производительности нет. Не стоит основывать свой выбор на этом.

Шаблоны форм

Шаблонные формы, хотя и просты в использовании, довольно сложны для модульного тестирования. Angular просто сгенерирует модель для вас. Это делается во время транспиляции, поэтому не влияет на производительность в продакшене.

Формы моделей

По сравнению с шаблонными формами модельные формы (или реактивные формы) легче тестировать в модульных тестах. Вам придется создать модель самостоятельно. Это приводит к большему количеству кода в вашем файле component.ts.

Мои мысли

Другими словами, если вы планируете тестировать форму или у вас есть особые потребности, вы можете использовать реактивные формы.

Если вы не планируете писать тесты, ваши потребности в форме довольно просты или общий навык использования angular в вашей команде довольно низок, возможно, выберите простое решение и используйте шаблонные формы.