如何通过NativeScript-Angular第2课第10步？

Question

我想为NativeScript和Angular做游乐场教程。由于编译错误，我被困在第2课的第10步，声明登录函数中与http相关的部分对于类来说是未知的。

import { Injectable } from "@angular/core";

import { User } from "./user.model";

@Injectable()
export class UserService {
register(user: User) {
alert("About to register: " + user.email);
}

login(user: User) {
    return this.http.post(
        Config.apiUrl + "user/" + Config.appKey + "/login",
        JSON.stringify({
            username: user.email,
            password: user.password
        }),
        { headers: this.getCommonHeaders() }
    ).pipe(
        map(response => response.json()),
        tap(data => {
            Config.token = data._kmd.authtoken
        }),
        catchError(this.handleErrors)
    );
}
}

我想的是，有些东西还没有导入，这就是为什么http相关的函数不能工作的原因。我搜索了教程代码，如果我遗漏了什么，但我什么也找不到。

如果有人能告诉我如何继续教程，或者告诉我如何找到所需的代码片段，我将不胜感激。：)

Answer 1

Check your setup

• 确认HttpClient的导入已添加到模块

中

    import { HttpClientModule } from '@angular/common/http';

    @NgModule({
      imports: [
        BrowserModule,
        // import HttpClientModule after BrowserModule.
        HttpClientModule,
      ],
      declarations: [
        AppComponent,
      ],
      bootstrap: [ AppComponent ]
    })

• 检查是否将http对象添加到类构造函数

中

constructor(private http: HttpClient) { }

然后，您可以从类中的任何函数引用http

doSomePosting() {
    // this.http.post(postUrl, postData, postOptions);
}