在创建NG\u值\u访问器时forwardRef是否为必填项

Question

我有一个自定义输入组件，它实现ControlValueAccessor，提供程序声明如下。它似乎工作得很好。在我能在互联网上找到的所有教程中，只要提供NG_VALUE_访问器，forwardRef就被广泛使用

将以下代码发送到生产环境是否安全？

providers: [{
  provide: NG_VALUE_ACCESSOR,
  useExisting: CustomInputComponent,  //Notice I omitted forwardRef here and it works fine
  multi: true
}]

Answer 1

forwardRef的目标是延迟对当前代码执行时未定义的类的访问。

这对你的情况不是强制性的，因为TypeScript在类定义之后执行装饰器时会以一种方式转换你的代码。

let CustomInputComponent = /** @class */ (() => {
    var CustomInputComponent_1;
    let CustomInputComponent = CustomInputComponent_1 = class CustomInputComponent {
    };
    CustomInputComponent = CustomInputComponent_1 = __decorate([
        Component({
            selector: 'app-custom-input',
            template: '<input />local: {{val}}',
            providers: [
                {
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: CustomInputComponent_1, // already defined!!!
                    multi: true
                }
            ]
        })
    ], CustomInputComponent);
    return CustomInputComponent;
})();

Answer 2

forwardRef允许Angular在定义依赖项之前插入依赖项。在这种情况下，如果如您所述，在自定义输入组件的@Componentdecorator中定义了此提供程序数组，那么它将起作用，因为decorator是在定义类之后应用的。

基本上，您可以删除forwardRef，只要您只使用它引用同一组件的装饰器内的组件。

请参阅此处以获得深入阅读