Empêcher la modification d'une entrée de salir le formulaire (Angular 5.2)

Question

Existe-t-il un moyen simple d'empêcher un contrôle d'entrée de salir son formulaire parent ? Je pourrais le faire en créant une balise personnalisée qui n'a pas de controlValueAccessor, mais je me demandais s'il y avait un moyen plus simple.

Au milieu d'un de mes formulaires, j'ai une entrée qui prend un nombre à côté d'un bouton. Cette entrée sert simplement à indiquer combien d'un certain type d'article je veux ajouter à un ensemble de choses. L'entrée où vous spécifiez le nombre n'est pas pertinente pour savoir si le formulaire doit être considéré comme sale, car il n'y a pas de "modifications" du formulaire jusqu'à ce que le bouton d'ajout soit cliqué, moment où un groupe d'éléments est ajouté à l'ensemble et où je propage les modifications à partir de là.

Answer 1

Si vous utilisez des formulaires pilotés par des modèles, vous pouvez utiliser l'option

[ngModelOptions]="{standalone: true}"

Ceci est spécifiquement défini pour votre scénario. Extrait de la documentation :

autonome : La valeur par défaut est false. Si cette option est définie sur true, le ngModel ne s'enregistrera pas avec son formulaire parent et agira comme s'il n'était n'était pas dans le formulaire. Cela peut être pratique si vous avez des méta-contrôles de formulaire, c'est-à-dire des éléments de formulaire imbriqués dans la balise qui contrôlent l'affichage du formulaire, mais qui ne contiennent pas de données de formulaire.