Angular2 - 管道和语法

Question

我试着去创造angular2和IM运行到问题小写管那里即时得到

syntax errors got ';' 

应用程序/ lowercase.ts

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


@Pipe({ name: 'lowercase1'}) 
export class LowerCasePipe1 implements PipeTransform { 

    transform (value: string): string { 
    if (!value) return value; 
    if (typeof value !== 'string'){ 
     throw new Error('Invalid pipe value: ', value); 
    } 
    return value.toLowerCase(); 
    } 
} 

应用程序/应用程序.component.ts

import {Component} from '@angular/core'; 
import {LowerCasePipe1} from './lowercase'; 


@Component({ 
    selector: 'app', 
    pipes: [LowerCasePipe1], 
    template: '<h1>{{"SAMPLE" | lowercase1 }} </h1>' 
}) 
export class App { 
    console.info('lower case app') 
} 

应用程序/ index.ts

import {bootstrap} from '@angular/platform-browser-dynamic'; 
import {App} from './app.component'; 
// 

bootstrap(App) 

这里是plunkr：http://plnkr.co/edit/coB5AGWvpihUvCnBtX9D?p=preview

Answer 1

的问题是在system.config.js文件。

Plunker example从Plunker Angular2 TS模板构建出来的效果很好。