angular 依赖注入使用管道报错

/**
 * 管道
 */
export class AppComponent implements OnInit {
    data = [
        {title: 'shou ji', price: '2333.333'}
    ];

    constructor(public upp: UpperCasePipe) {
        console.log(upp.transform('taobao'));
    }

    /**
     * 初始化
     */
    ngOnInit(): void {
        console.log('ngOnInit AppComponent');
    }
}

• 依赖注入使用管道报错：AppComponent_Host.ngfactory.js? [sm]:1 ERROR Error: StaticInjectorError(AppModule)[AppComponent -> UpperCasePipe]:

•  解决：在 app.module.ts 中注册 providers：

providers: [

UpperCasePipe

],

• 绑定 formControl 异常

• 解决：在 app.module.ts 中注册 imports：

imports: [
        BrowserModule,
        AppRoutingModule,
        FormsModule,
        ReactiveFormsModule
    ],