Описание тега controlvalueaccessor

0 ответов

Angular: registerOnChange никогда не вызывается во время тестирования компонента с пользовательским ControlValueAccessor

Как я описываю в этом ответе, я создал специальную директиву ControlValueAccessor, чтобы иметь возможность контролировать, когда вызывать событие onChange моего компонента, и все работает отлично, за исключением случаев, когда я проверяю его, regist…
0 ответов

FormGroup не присваивает значение для моего ввода HTML в моем тесте

У меня есть презентационный / немой компонент, который использует ввод для заполнения шаблона HTML с помощью formBuilder. Все это прекрасно работает, но когда я начинаю тестировать, все не так гладко, как должно быть. Я хочу проверить, что некоторые…
1 ответ

Как мне создать пользовательский реактивный элемент формы?

Я работаю с Reactive Forms в Angular и пытаюсь создать собственный элемент формы, чтобы я мог использовать кнопки с моей формой. Я пытаюсь следовать учебнику из Alligator.io, но не ясно, как интегрировать это в мой компонент. В настоящее время я пол…
3 ответа

Angular: Как временно выделить элементы dom, которые только что изменились?

Прежде чем самостоятельно реализовать решение, я хотел бы узнать, существует ли простой способ изменить стиль элемента (краткое выделение), когда значение свойства привязки данных только что изменилось. В моем DOM много элементов, поэтому я не хочу …
18 май '17 в 08:14
1 ответ

Доступ к ControlValueAccessor из другого компонента

У меня есть компонент, где я реализую ControlValueAccessor и у меня проблемы с пониманием правильного способа его использования: import { Component, OnInit, forwardRef, Output, EventEmitter, OnChanges, Input, ViewChild } from '@angular/core'; import…
3 ответа

Angular ControlValueAccessor обязательный атрибут

У меня есть текстовое поле управления, который реализует ControlValueAccessor. В форме я поместил обязательный валидатор в имя поля формы: this.formGroup = this.fb.group({ name: ['', Validators.required] }); В шаблоне я использую элемент управления …
1 ответ

Доступ к проверке родительской формы в дочернем компоненте.

Я ссылался по этой ссылке: http://tylerscode.com/2017/03/splitting-angular-forms-controlvalueaccessor/ Я хочу проверить все поля в дочернем компоненте с помощью средства доступа к значению элемента управления и шаблонных форм. (Это ссылка на вопросы…
0 ответов

ngValue игнорируется при использовании внутри ng-содержимого в Angular

Я создал пользовательский элемент управления, скажем, my-select-input в Angular, который обертывает исходный выбор select. Шаблон выглядит так. <div class="select-container"> <select class="form-control" [ngModel]="value" (ngModelChange)="v…
1 ответ

Angular ControlValueAccessor запускает старое значение в событии (изменение)

Я использую Angular v6.0.0, и мой компонент реализует ControlValueAccessor;В событии изменения я всегда вижу старое значение, но при привязке значения ngModel это новое значение. Я сделал пример стекаблица; @HostListener('click') onToggle() { if (th…
24 авг '18 в 04:59
1 ответ

Angular: обновление ControlValueAccessor для всех компонентов, которые используют один и тот же formControlName

Я надеюсь, что это изображение объясняет, что я хочу сделать. Поэтому я хочу сделать пользовательский компонент радио, который имеет тот же formControlName. При щелчке радиоприемника остальные компоненты, имеющие одинаковое имя formControlName, долж…
1 ответ

Шаблон реактивных форм углового материала - как создать компонент для этого шаблона с помощью ControlValueAccessor

Работа с угловыми материалами mat-form-field и реактивные формы. В проекте у меня есть повторяющийся шаблон, который выглядит следующим образом // ts this.formGroup = this.formBuilder.group({ name: ['', ServerValidation] }) <!-- html --> <d…
0 ответов

Установить значение из списка результатов запроса на реализацию writeValue

У меня есть пользовательский компонент Angular 7, который в ngOnInit у метода есть запрос к бэкенду как это ngOnInit() { this.elementsRequest$ = this.service.getElements(); this.elementsRequest$.subscribe((list: any[]) => { this.list = list; // l…
0 ответов

Reactive-Forms: FormControl Validator из родительского в дочернем компоненте

Каждый, Я построил свою реактивную форму с Angular 6. Здесь я построил форму в моем ParentComponent с валидаторами: @Component({ selector: 'parent', template: ' <form [formGroup]="form" (ngSubmit)="onSubmit()"> <div formGroupName="address"&…
1 ответ

Почему writeValue вызывается после компонента detroy, который реализует ControlValueAccessor?

Я реализовал ControlValueAccessor в своем собственном примитивном компоненте. Свой код вы видите: там (плункер) В родительском компоненте я использую директиву with ng-if. Я могу скрыть и показать свой компонент через флажок. Компонент вводится и ун…
0 ответов

Угловой пользовательский контроль материала не показывает ошибку при программном прикосновении к элементу формы

Я создал пользовательский угловой контроль материала с помощью ControlValueAccessor. При отправке формы, если она недействительна, я касаюсь всех элементов управления, чтобы они отображали ошибки проверки. По какой-то причине мой пользовательский эл…
0 ответов

Угловой входной компонент (оболочка для классов ошибок)

У меня есть простой, но все же очень сложный вопрос, который, я думаю, должен быть в документации / примерах Angular. При создании Angular Reactive Forms вы в конечном итоге делаете много: <input type="text" formControlName="firstName" [ngClass]=…
01 окт '18 в 16:18
0 ответов

Непоследовательная проблема проверки в пользовательском компоненте Angular

Чтобы показать пример из реальной жизни, допустим, что мы хотим использовать указатель даты @ angular / material в нашем приложении. Мы хотим использовать его на многих страницах, поэтому мы хотим упростить добавление его в форму с одинаковой конфиг…
0 ответов

Как организовать лучший поток проверки? (Контроль значения со специальными валидаторами)

Я хочу, чтобы при вводе значения оно было проверено и передано дальше или нет. onChange(event: any) { this._onChange(event.target); this._onTouched(); } validate({ value }: any): ValidationErrors | null { if (!value.name) { return null; } const vali…
1 ответ

Выбранное значение в mat-select не отправляется родителю

Я создал выпадающий список в угловой библиотеке для использования в наших приложениях. Я использовал angular-material2 для выпадающего списка (mat-select и mat-autocomplete). Я, должно быть, делаю что-то не так, так как не понимаю значение, когда ис…
0 ответов

Angular 5 с использованием FormGroup внутри пользовательского FormControl

Я пытаюсь создать пользовательский FormControl, используя ControlValueAccessor интерфейс. Моя цель - вернуть объект, как показано ниже, из пользовательского FormControl в родительской форме (пример): { prop1: int, prop2: string, prop3: { prop31: int…