Trung tâm cá nhân
sách gpt4 ai đã đi

ajax - 为什么我不能从 Angular 调用 ajax 调用

In lại Tác giả: Space Dog 更新时间：2023-10-29 18:07:28 26 4
mua khóa gpt4 Nike

我有这个组件:

import {Component} from 'angular2/core';
import {UserServices} from '../services/UserServices';

@Thành phần({
    selector: 'users',
    template: '
HOLA
'
})

export class UsersComponent {
    users: Object;

    constructor(userServices: UserServices) {
        userServices.getUsersList();
    }
}

在 UserServices 中我有这段代码:

import {Http} from 'angular2/http'

export class UserServices {
    users: Array;
    http: any;

    constructor(http: Http) {
        this.http = http;
    }

    getUsersList() {
        this.http.get('./users.json').map((res: Response) => res.json()).subscribe(res => console.log(res));
    }

}

我想为 người sử dụng 自定义标签调用 ajax。但是我收到了这个错误:

Cannot resolve all parameters for UserServices(?). Make sure they all have valid type or annotations.

我把http参数去掉，导入调用，没有报错，所以我猜是问题出在那里，但是我查不出问题所在

1 Câu trả lời

您在 DI 中缺少几个相关部分。

有多种方法可以使用 provide Và @inject 或使用 @Injectable 装饰器进行注入(inject)。例如，在这里，您使用 @Injectable 装饰您的服务，即

import {Injectable} from 'angular2/core';
import {Http, Response} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/map';

// You do not need to do this, but creating an interface for more strong typing. You could as well create a User class here and use that as view model.
interface IUser{
  name:string;
}

@Injectable()
class UserServices {
    users: Array;

    constructor(private http:Http) {}

    getUsersList():Observable<>> {
       return this.http.get('./users.json')
            .map((res: Response) => res.json());
    }

}

export {IUser, UserServices};

在根目录下注入(inject) UserServices Và HTTP_PROVIDERS，通常您在应用程序根目录下将您需要的服务作为单例注入(inject)到应用程序中。如果没有，您可以将服务单独注入(inject)到 UserComponent 装饰器的 providers 数组中。

Ngay lập tức

bootstrap(UsersComponent, [HTTP_PROVIDERS, UserServices])

或者在组件的装饰器中:

@Thành phần({
    selector: 'users',
    template: `
Users

    

    {{user.name}}
    


    `,
    providers:[UserServices] 
})

在您的组件中使用它并订阅 1 返回的 observable。

export class UsersComponent {
    users: Array;

    constructor(userServices: UserServices) {
        userServices.getUsersList().subscribe(users => this.users = users);
    }
}

1Bạn cũng có thể sử dụngasync pipe (this 的应用取决于用例)并将 this.users 的值设置为可观察对象，而不是显式订阅它们。


  {{user.name}}

Và

this.users = userServices.getUsersList();

注意:在示例中，我刚刚导入了 map 运算符，以便将 map 作为 http 返回的 observable 的一部分(import rxjs/add/operator/map)，因为这没有在全局级别的系统 Js 配置 đường dẫn 属性中映射。

这是一个有效的 plunker Demo .

关于ajax - 为什么我不能从 Angular 调用 ajax 调用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34861836/

26 4 0
Bài viết được đề xuất: c# - 绑定(bind)列表到 GridView
Bài viết được đề xuất: angular - 为什么 templateUrl 不起作用？
Bài viết được đề xuất: c# - 如何在第 n 次出现时拆分字符串？
Bài viết được đề xuất: typescript - ionic 2 "Type ' { }' is not assignable to type ' 任何[]”
Chó Không Gian
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com