Angular2.0.0管道''无法找到

时间:2016-10-31 11:34:46

标签: javascript angular typescript

错误:

  

错误:模板解析错误:管道' datefromiso'不可能   结果

管:

import {Pipe, PipeTransform} from "@angular/core";

    @Pipe({
        name: 'datefromiso'
    })
    export class DateFromISO implements PipeTransform {
        transform(value: any, args: string[]): string {
            if (value) {
                var date = value instanceof Date ? value : new Date(value);
                return date.getDate() + '/' + (date.getMonth()+1) + '/' + (date.getYear()+1900);
            }
        }
    }

应用模块:

import { DateFromISO } from './pipes/date-from-iso';
...
@NgModule({
  bootstrap: [ App ],
  declarations: [
    App,
    ErrorComponent,
    DateFromISO
  ]

HTML:

<div class="pull-right">{{entity.ts | datefromiso}}</div>

entity.ts是ISO字符串。怎么了? 还有一个问题:如果有更好的方法将ISO字符串转换为带有angular2的html中的语言环境日期? 提前谢谢。

1 个答案:

答案 0 :(得分:6)

您需要将包含DateFromISO的模块添加到您使用它的每个模块的imports

因此,建议创建一个包含管道的功能模块以及其他可重复使用的指令和组件,然后将该模块添加到imports所有应该可用的模块中。

管道和其他可重用的组件和指令需要添加到此功能模块中的declarationsexports