相关疑难解决方法(0)

Angular - 在服务和组件中使用管道

在AngularJS中,我能够使用类似于此的语法在服务和控制器内部使用过滤器(管道):

$filter('date')(myDate, 'yyyy-MM-dd');
Run Code Online (Sandbox Code Playgroud)

是否可以在Angular中使用像这样的服务/组件中的管道?

angular

306
推荐指数
8
解决办法
21万
查看次数

DatePipe 没有提供程序

我尝试在我的服务中使用 DatePipe,如下所示:

import { Injectable } from '@angular/core';
import { DatePipe } from '@angular/common';
import { TranslateService } from '@ngx-translate/core';

@Injectable({
   providedIn: 'root',
})
export class BaseService {

    public items = [];
    constructor(
        protected datePipe: DatePipe,
        protected translateService: TranslateService
    ) { }
}
Run Code Online (Sandbox Code Playgroud)

但我收到此错误:NullInjectorError: No provider for DatePipe!". 原因是什么?

typescript angular

29
推荐指数
1
解决办法
3万
查看次数

为什么我导入 `Common` 模块仍然无法在 Angular 7 中使用 DatePipe?

我认为,如果A.module导入B.moduleB.module导入C.module,那就是A.module导入C.module。这就是许多 Angular 开发人员构建名为 的公共模块的原因Shared.module

然而,这条规则看起来并不适用于DatePipe. 我构建了一个Shared.moduleCommonModule在这个模块中导入和导出。然后我导入Shared.modulein AppModule. 官方文件告诉我它DatePipe属于CommonModule.

不幸的是,浏览器控制台显示错误:NullInjectorError: "StaticInjectorError(AppModule)[AppComponent -> DatePipe]:

您可以在下面的链接中看到代码。

https://stackblitz.com/edit/angular-common-datepipe?embed=1&file=src/app/app.component.ts

谁能帮我解决这个问题?

module date-pipe angular

2
推荐指数
1
解决办法
5395
查看次数

标签 统计

angular ×3

date-pipe ×1

module ×1

typescript ×1