Ionic2/Angular2 - Uncaught TypeError: (0, _ionicAngular.Pipe) ist keine Funktion

Question

Ich arbeite an einer Ionic2 App. Jetzt versuche ich eine benutzerdefinierte Pipe zu implementieren; aber ich folgende Fehlermeldung erhalten, wenn dabei so:

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

Bisher ist hier mein Code:

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> 

Beim Versuch Rohr in dem zur Umsetzung folgender weg:

import {Pipe} from 'angular2/core'; 

Der erste Fehler verschwindet; jedoch erscheint ein zweiter Fehler:

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

Irgendeine Idee auf, was den Fehler verursacht?

Answer 1

Die Pipe Klasse muss von angular2/core und nicht ionic-angular importiert werden:

import {Pipe} from 'angular2/core';