我刚刚开始攻击Angular 2,现在我正在尝试开发我的第一个“真实世界”应用程序.它的意思是从restfull webservice中检索数据,所以我编写了这段代码：
boot.ts：
import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './component/app.component'
import {Http,Headers} from 'angular2/http';
bootstrap(AppComponent);
app.component.ts：
import {Component} from 'angular2/core';
import {AuthComponent} from './auth.component';
@Component({
selector: 'my-app',templateUrl: 'app/template/my-app.html',styleUrls: ['app/style/my-app.css'],directives: [AuthComponent]
})
export class AppComponent {
}
auth.service.ts：
import {Injectable} from 'angular2/core';
import {Http,Headers,HTTP_PROVIDERS} from 'angular2/http';
import {toPromise} from 'rxjs/operator/toPromise';
import {Credentials} from '../model/credentials';
@Injectable()
export class AuthService {
headers : Headers;
http: Http;
constructor(headers: Headers,http: Http){
console.log('CHAMOU CONSTRUTOR SERVICE');
this.headers = headers;
this.http = http;
this.headers.append('Content-Type','application/json');
}
}
index.html的：
<html>
<head>
<title>MegaSíndico</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<!-- 1. Load libraries -->
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null,console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
</html>
我在我的控制台上遇到这个奇怪的语法错误：
Uncaught SyntaxError: Unexpected token < Evaluating http://localhost:3000/angular2/http Error loading http://localhost:3000/app/boot.js
