Динамическое создание атрибута в Angular 2?

Question

[Coder321]

Есть такой шаблог
<input #input>
можно ли динамически в этот инпут добавить атрибут formControl и передать ему control?

Answer 1

[Aleksei Podgaev]

Вот так не работает?
<input [attr.formControl]="control" #input>

https://angular.io/docs/ts/latest/guide/cheatsheet.html

Comments

[Coder321]

неа, уже пробовал

[Aleksei Podgaev]

Coder321: а какое ожидаемое поведение, я не очень понял. объясни подробнее, что ты хочешь получить в конце? что за атрибут formControl, в спецификации HTML нет такого атрибута.

[Coder321]

Aleksei Podgaev: Ф он и не стандартный. Это атрибут ангуляровкой формы. Должен быть компонент инпута общий для всего приложения, если этот инпут будет елементом формы то в него нужно передать form.controls['input'] для связывания формы. На данный момент делается все ngIf но это не красиво

[Aleksei Podgaev]

Coder321: вообще-то у инпута всё само собой должно с формой связываться, насколько я помню. покажи свой шаблон, как сейчас реализовано, и напиши, что конкретно не устраивает. что-то я словесные объяснения не воспринимаю под вечер :(

[Aleksei Podgaev]

Coder321: Смотри, в документации ангуляра такой пример:
в коде:
export class HeroDetailComponent1 {
name = new FormControl();
}
в шаблоне:

если не забыть подключить реактивные формы:
import { ReactiveFormsModule } from '@angular/forms';
то всё работает

[Aleksei Podgaev]

<input class="form-control" [formControl]="name">

[Coder321]

Aleksei Podgaev: все правильно, у меня инпут в отдельном компоненте, этот инпут может быть как элементом формы так и просто инпутом, и в случае если это просто инпут, а в [formControl] ни чего не передается то возникает ошибка. Мне нужно этот атрибут генерить атоматически, если во входящих параметрах есть контрол, то добавить его на инпут, а если нету то его там быть не должно.

[Aleksei Podgaev]

Coder321: А почему нельзя создать пустой FormControl если нет подходящего на входе? На этапе инициализации создаёшь пустой контрол, как в примере выше, а если пришёл снаружи контрол, то заменяешь его.

[Coder321]

Aleksei Podgaev: можно, но это так же костыль как и ngIf. Хотя чуствуется что мою задумку без костыля реализовать не получится(

[Aleksei Podgaev]

Coder321: ну, по мне, так это не костыль, а вполне себе нормальное решение.

[Coder321]

Aleksei Podgaev: возможно, но все же для обычного инпута сделается ненужная привязка к атрибуту формы.