কৌণিকের মধ্যে HTTP নিয়ে আমার সমস্যা আছে a
আমি কেবল GETএকটি JSONতালিকাতে চাই এবং এটি ভিউতে দেখাব।
পরিষেবা ক্লাস
import {Injectable} from "angular2/core";
import {Hall} from "./hall";
import {Http} from "angular2/http";
@Injectable()
export class HallService {
public http:Http;
public static PATH:string = 'app/backend/'
constructor(http:Http) {
this.http=http;
}
getHalls() {
return this.http.get(HallService.PATH + 'hall.json').map((res:Response) => res.json());
}
}
এবং HallListComponentআমি getHallsপরিষেবাটি থেকে পদ্ধতিটি কল করি :
export class HallListComponent implements OnInit {
public halls:Hall[];
public _selectedId:number;
constructor(private _router:Router,
private _routeParams:RouteParams,
private _service:HallService) {
this._selectedId = +_routeParams.get('id');
}
ngOnInit() {
this._service.getHalls().subscribe((halls:Hall[])=>{
this.halls=halls;
});
}
}
তবে, আমি একটি ব্যতিক্রম পেয়েছি:
TypeError: this.http.get (...)। ম্যাপটি [নাল] এ কোনও ফাংশন নয়
হল-center.component
import {Component} from "angular2/core";
import {RouterOutlet} from "angular2/router";
import {HallService} from "./hall.service";
import {RouteConfig} from "angular2/router";
import {HallListComponent} from "./hall-list.component";
import {HallDetailComponent} from "./hall-detail.component";
@Component({
template:`
<h2>my app</h2>
<router-outlet></router-outlet>
`,
directives: [RouterOutlet],
providers: [HallService]
})
@RouteConfig([
{path: '/', name: 'HallCenter', component:HallListComponent, useAsDefault:true},
{path: '/hall-list', name: 'HallList', component:HallListComponent}
])
export class HallCenterComponent{}
app.component
import {Component} from 'angular2/core';
import {ROUTER_DIRECTIVES} from "angular2/router";
import {RouteConfig} from "angular2/router";
import {HallCenterComponent} from "./hall/hall-center.component";
@Component({
selector: 'my-app',
template: `
<h1>Examenopdracht Factory</h1>
<a [routerLink]="['HallCenter']">Hall overview</a>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
{path: '/hall-center/...', name:'HallCenter',component:HallCenterComponent,useAsDefault:true}
])
export class AppComponent { }
tsconfig.json
{
"compilerOptions": {
"target": "ES5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
Http.get কোনও প্রতিশ্রুতি ফেরায় না?
—
বিএমএম 6o
@ বিএমএম 6o নতুন
—
ব্রোকো
Httpপরিষেবাটি একটি পর্যবেক্ষণযোগ্য ফিরিয়ে দেয়
আমি প্রায় অনুরূপ ইস্যুতে দৌড়েছি, একটি প্রকল্প অ্যাঙ্গুলার 2 বিটা -17 থেকে চূড়ান্ত প্রকাশে স্থানান্তরিত করার চেষ্টা করছি। ভিএস 2015, আপডেট 3 ব্যবহার করে আমার জন্য সমস্যাটি আমার আইডিই ছিল, টাইপস্ক্রিপ্ট ভাষা পরিষেবা এক্সটেনশানটি এখনও ছিল
—
এরিক ইজারা
1.8.36, যখন এনজি 2 কুইকস্টার্ট গাইড হিসাবে (যেমন আমি এটি লিখছি) ব্যবহার করছেন "typescript": "^2.0.2"। টিএস ল্যাং আপগ্রেড করা হচ্ছে। এক্সটেনশন এবং আপডেটের মাধ্যমে পরিষেবাটি আমার জন্য কৌশলটি করেছে। যখন আপডেটটি ইনস্টল করা হচ্ছিল তখন আমি এই এসও উত্তরটি পেয়েছিলাম , যা একই উপসংহারে শেষ হয়।
পিএইচপিস্টর্ম / ওয়েবস্টর্মের জন্য, আমার প্রকল্পের লাইব্রেরির সাথে টাইপ স্ক্রিপ্ট সংস্করণ আপডেট করাও সমস্যার সমাধান করেছে। আমি এই এসও উত্তরের পদক্ষেপগুলি অনুসরণ করেছি: stackoverflow.com/a/31608934/1291428
—
সেবাস