【发布时间】：2016-02-05 12:52:19
【问题描述】：
所以我在练习 http post 并从 YouTube 教程中获取 Angular2 的方法，但我无法找出问题所在 这是我的 index.html 文件：
<html>
<head>
<title>MyTodo App</title>
<script src="node_modules/es6-shim/es6-shim.js"></script>
<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>
<script src="node_modules/angular2/bundles/http.dev.js"></script>
</head>
<body>
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app.js')
.then(null, console.error.bind(console));
</script>
<http-comp>Loading..</http-comp>
</body>
</html>
这是http服务文件：
import { Injectable } from 'angular2/core';
import { Http } from 'angular2/http';
import 'rxjs/add/operator/map' ;
@Injectable()
export class webhttpservice{
constructor(private http : Http){}
getfunctionfromapp(){
return this.http.get('www.google.com')
.map(res => res.json());
}
}
这里是 app.ts 文件：
import { Component } from 'angular2/core';
import { bootstrap } from 'angular2/platform/browser';
import { webhttpservice } from './httpService';
import { HTTP_PROVIDERS } from 'angular2/http';
@Component({
selector : 'http-comp',
template : `
<button (click) = 'reqfunction()'>Get Request</button>
<p></p>
<br>
<button>Post Request</button>
<p></p>
`,
providers : [webhttpservice]
})
export class httpcomponent{
getdata;
constructor(private var1: webhttpservice){}
reqfunction(){
this.var1.getfunctionfromapp()
.subscribe(
data => this.getdata = JSON.stringify(data),
error => alert(error),
() => console.log('Finished')
);
}
}
bootstrap(httpcomponent, [HTTP_PROVIDERS]);
这些是我得到的原始错误
>Uncaught (in promise) TypeError: object is not a constructor(…)
httpService:1 Uncaught SyntaxError: Unexpected token <__exec @
angular2-polyfills.js:138
Uncaught SyntaxError: Unexpected token <
Evaluating http://localhost:3000/httpService
Error loading http://localhost:3000/app.jsrun
@ angular2-polyfills.js:138zoneBoundFn @ angular2-
【问题讨论】：
-
www.google.com不能说你有没有这样的网址。 -
我应该作为对 url 的请求，所以请求 www.google.com 或从服务等是否重要，对吗？
-
我的意思是没有协议的 url。
-
它会在我们点击按钮时触发，但是应该显示第一个按钮（界面），并且它没有发生，我得到的所有错误都与 polyfills 和浏览器响应加载...
标签： javascript angular angular-http polyfills angular2-routing