Директивы FormGroup

Question

Я хочу спросить, почему директивы группы форм не чувствительны к регистру? в конструкторе написано «FormGroup» (а также инициализация), в то время как в директивах тега html написано «formGroup», мне интересно, если это ошибка или, возможно, она предназначена.

Спасибо

Код ссылки: Конструктор

import { FormGroup, FormControl } from '@angular/forms';
...
export class EmployeeService {
constructor() { }
form: FormGroup = new FormGroup({...})

HTML TAG DIRECTIVES

<form [formGroup]="service.form" class="normal-form">

Я ожидаю, что будет одинаковая согласованность FormGroup между директивами конструкции и тега html

Большое спасибо

Answer 1

[formGroup], которые вы используете в шаблоне HTML, и FormGroup, которые вы используете в классе TypeScript, - это два разные вещи.

[formGroup], который вы используете в шаблоне HTML, является директивой атрибута.

FormGroup, который вы используете в классе компонентов TypeScript, является классом.

В именах нет согласованности, потому что это соглашения, которым следовала Angular Team при создании их Селекторов Директив и Классов.

Вот соглашение о наименовании , которое следует соблюдать для селекторов директив и обоснование этого .:

Использовать нижний регистр верблюдов для именования селекторов директив.

Вот Соглашение об именах, которое следует соблюдать для имен классов и обоснование этого .:

Использовать верхний регистр верблюдов при именовании классов.

Answer 2

Если вы посмотрите на исходный код, селектор для директивы будет иметь вид [formGroup]

https://github.com/angular/angular/blob/master/packages/forms/src/directives/reactive_directives/form_group_directive.ts

код из источника:

@Directive({
    selector: '[formGroup]',
    providers: [formDirectiveProvider],
    host: {'(submit)': 'onSubmit($event)', '(reset)': 'onReset()'},
    exportAs: 'ngForm'
})
export class FormGroupDirective extends ControlContainer implements Form