Ionic2/Angular2 - Uncaught TypeError: (0 , _ionicAngular.Pipe) is not a function

Question

我正在开发 Ionic2 应用程序。现在，我正在尝试实现一个自定义管道；但是，我在这样做时收到以下错误：

Uncaught TypeError: (0 , _ionicAngular.Pipe) is not a function

到目前为止，这是我的代码：

import {Page, Pipe, NavController, NavParams} from 'ionic-angular';


    //Phone formatting pipe
    @Pipe({
        name: 'phone'
    })
    export class PhonePipe{
        transform(val, args) {
            val = val.charAt(0) != 0 ? '0' + val : '' + val;
            let newStr = '';

            for(i=0; i < (Math.floor(val.length/2) - 1); i++){
               newStr = newStr+ val.substr(i*2, 2) + '-';
               console.log(val);
            }
            return newStr+ val.substr(i*2);
        }
    }
    /////


    @Page({
      templateUrl: 'build/pages/outlet/outlet.html',
        pipes: [PhonePipe]
    })

    export class place {
      static get parameters() {
        return [[NavController],[NavParams]];
      }
      constructor(nav, navParams) {

      }
    }

outlet.html

<ion-content id="contentPadding" padding class="outlet">
    <div class="box">
        <div class="bigTitle">{{outletPhoneValue | phone}}</div>
    </div>
</ion-content>

尝试以下列方式实现 Pipe 时：

import {Pipe} from 'angular2/core';

第一个错误消失；但是，出现第二个错误：

EXCEPTION: TypeError: val.charAt is not a function in [{{outletPhoneValue | phone}} in place@28:25]

知道导致错误的原因吗？

Answer 1

Pipe class 必须从 angular2/core 而不是 ionic-angular 导入：

import {Pipe} from 'angular2/core';

Ionic2/Angular2 - Uncaught TypeError: (0 , _ionicAngular.Pipe) is not a function

Ionic2/Angular2 - Uncaught TypeError: (0 , _ionicAngular.Pipe) is not a function

angular

ionic2

pipes-filters