어떻게 angular2 final (2.0.1)

에서 간단한 데이터 (json)를 전달할 수 있습니까?이 코드는 Angular2 2.0.0.rc.2에서 작동하지만 이제는 작동하지 않습니다. Error. 부트 스트랩 수입 FORM_DIRECTIVES, HTTP_PROVIDERS는어떻게 angular2 final (2.0.1)

Angular2의 V2.0.1에이 문제를 해결하는 방법을

import { Component, OnInit } from "@angular/core"; 
import { Http, Response, URLSearchParams} from "@angular/http"; 
import { FORM_DIRECTIVES } from "@angular/common" //error

는

는 각도 V2.0.1

import {Observable} from 'rxjs/Observable'; 
import { IFood} from "./food"; 
import { Headers, RequestOptions } from "@angular/http"; 
import "rxjs/Rx"; 

@Component({ 

selector: "my-app", 
directives: [FORM_DIRECTIVES], //error 
templateUrl: "./app/form.html" 
}) 

export class AppComponent implements OnInit { 
public values: string[]; 
public headers: Headers; 
errorMessage: string; 
foods: IFood[]; 
foodModel = <IFood>{}; 

constructor(private http: Http) { 
    this.http = http; 
    this.headers = new Headers(); 
    this.headers.append("Content-Type", "application/json"); 
} 

ngOnInit() { 
    return this.http.get("/home/getdata") 
     .map((response: Response) => <IFood[]>response.json()) 
     .subscribe(data => this.foods = data, error => this.errorMessage = <any>error); 
} 
onSubmit(form): void { 
    let headers = new Headers({ "Content-Type": "application/json" }); 
    let options = new RequestOptions({ headers: headers }); 
    console.log(this.foodModel); 
    console.log(JSON.stringify(this.foodModel)); 

    this.http.post("/home/postform", JSON.stringify(this.foodModel), options) 
     .map((response: Response) => <IFood>response.json()) 
     .subscribe(json => { alert(this.foodModel.foodId +" "+ this.foodModel.foodName); /* handle it */ }); 
}

을과 main.ts

에 FORM_DIRECTIVES을 가져올 수 없습니다

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

부트 스랩을 가져올 수 없습니다.

import {HTTP_PROVIDERS} from '@angular/http'; //error http_providers

HTTP_PROVIDERS 부트 스트랩 (AppComponent, [HTTP_PROVIDERS])을 가져올 수 없습니다. // 오류 부트 스트랩

출처

2016-10-06 Phusanakiat Ngamjaroen

당신은 부트 스트랩 코드

// The browser platform with a compiler 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

// The app module 
import { AppModule } from './app.module'; 

// Compile and launch the module 
platformBrowserDynamic().bootstrapModule(AppModule);

출처

2016-10-06 04:25:36

을 NgModule의 이 detaisl

@NgModule({ imports: [BrowserModule, HttpModule, FormsModule, ReativeFormsModule], declarations: [AppComponent], bootstrap: [AppComponent] }) export class AppModule{}

에 대한 https://angular.io/docs/ts/latest/guide/ngmodule.html를 참조 만들고 변경해야 Angular2의 V2.0.1에이 문제를 해결하는 방법 나는 내 프로젝트에서 이것을 가지고 있지만, angular2 버전을 변경하면 명령이 작동하지 않습니다. –

죄송합니다. "일부 명령이 작동하지 않습니다"와 관련하여 도움을받을 수 없습니다. 무슨 명령? 어떤 오류 메시지가 나타 납니까? Angular2 버전이 당신을 어떻게 변화 시켰습니까? app.component.ts에서 –

수 및 사용할 수 없습니다 지침 "/ 각도 일반적인 @"에서하지 수입 {FORM_DIRECTIVES} : [FORM_DIRECTIVES, –

어떻게 angular2 final (2.0.1)

답변

관련 문제