刷新页面时找不到自定义管道

Question

我的应用程序中有一个自定义管道，为了让它工作，我必须删除管道，刷新页面，重新添加管道并保存页面。

当浏览器选择更改时，只要我没有点击刷新，管道就会工作。如果我这样做，那么我必须完成删除管道的过程，让页面显示在浏览器中，添加管道并保存我的更改。

我在app.module.client.ts

的声明中有管道

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { sharedConfig } from './app.module.shared';
import { phonemask } from './components/phone';


@NgModule({
bootstrap: sharedConfig.bootstrap,
declarations: [sharedConfig.declarations, phonemask ],
imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    ...sharedConfig.imports
],
exports: [phonemask],
providers: [
    { provide: 'ORIGIN_URL', useValue: location.origin }, 
    [phonemask]
]
})
export class AppModule {}

为什么我会看到管道的开/关行为？

我的@angular引用都是（4.1.2）

Answer 1

所以这是由于订购问题。确保在声明使用它们的组件之前声明自定义管道。另外，为了更好地衡量，我在导入需要它的组件之前导入了自定义管道。