Question

我想问一下为什么form group指令不区分大小写？在构造函数中，其书面形式为“ FormGroup”（与初始化一样），而在html标记指令中，其书面形式为“ formGroup”，我想知道这是否是一个错误或是否有此意图。

谢谢

代码参考：构造函数

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

HTML标记指令

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

我希望构造和html标签指令之间的“ FormGroup”一致性相同

非常感谢

Answer 1

在HTML模板中使用的

[formGroup]和在TypeScript类中使用的FormGroup是两件事。

在HTML模板中使用的

[formGroup]是属性指令。

在TypeScript组件类中使用的

FormGroup是一个类。

名称不一致，因为这些是Angular团队在创建定向选择器和类时遵循的约定。

这是Naming Convention to follow for the Directive Selectors及其背后的原理。

使用小写驼峰命名指令的选择器。

这是Naming Convention to follow for the Class names及其背后的原理。

命名类时，请使用大写字母大写字母。

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

FormGroup指令

2 个答案: