我试图将http提供程序导入服务,但出现以下错误:

无法解析"AppService"(?)的所有参数.确保所有参数都用Inject修饰或具有有效的类型注释,并且"AppService"用Injectable修饰.

以下是一些代码片段:

<script src="~/es6-shim/es6-shim.min.js"></script>
<script src="~/systemjs/dist/system-polyfills.js"></script>

<script src="~/angular2/bundles/angular2-polyfills.js"></script>
<script src="~/systemjs/dist/system.src.js"></script>
<script src="~/rxjs/bundles/Rx.js"></script>
<script src="~/angular2/bundles/angular2.dev.js"></script>
<script src="~/angular2/bundles/http.dev.js"></script>

<!-- 2. Configure SystemJS -->
<script>
    System.config({
        map: { 'rxjs': 'RCO/rxjs' },
        packages: {
            RCO: {
                format: 'register',
                defaultExtension: 'js'
            },
            'rxjs': {defaultExtension: 'js'}
        }
    });
  System.import('RCO/Areas/ViewOrganization/AngularTemplates/boot')
      .then(null, console.error.bind(console));

靴子.ts

import {bootstrap} from 'angular2/platform/browser'
import {HTTP_PROVIDERS} from 'angular2/http'
import 'rxjs/add/operator/map'
import {AppComponent} from  'RCO/Areas/ViewOrganization/AngularTemplates/app.component'
import {AppService} from 'RCO/Areas/ViewOrganization/AngularTemplates/app.service'

bootstrap(AppComponent, [HTTP_PROVIDERS, AppService]);

应用程序.服务ts

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

@Injectable()
export class AppService {

    constructor(private http: Http) { }

    // Uses http.get() to load a single JSON file
    getTableData() {
        return this.http.get('...').map((res: Response) => res.json());
    }

}

我试图调用服务器上的控制器,最终将JSON文件加载到数据表中.非常简单的东西,但我加载Http模块的方式似乎是错误的.任何帮助都将不胜感激.

推荐答案

似乎您没有使用typescript编译器将文件传输到js,在这种情况下,您需要在组件构造函数中注入任何依赖项时使用@Inject.

import {Injectable, Inject} from 'angular2/core';
import {Http, Response} from 'angular2/http';
import {Observable} from 'rxjs/Rx';

@Injectable()
export class AppService {
    constructor(@Inject(Http) private http: Http) { }
    // Uses http.get() to load a single JSON file
    getTableData() {
        return this.http.get('...').map((res: Response) => res.json());
    }
}

Typescript相关问答推荐

之间是否有区别:例如useEffect()React.useEffect()

Typescript:将内部函数参数推断为子对象键的类型

如何使用属性作为具有Generics的TypScript类中的类型守护?

处理API响应中的日期对象

为什么typescript不能推断类的方法返回类型为泛型''

Angular 行为:属性类型从SignalFunction更改为布尔

使用ngrok解析Angular 时出现HTTP故障

根据上一个参数值查找参数类型,也返回类型

如何使用函数填充对象?

具有泛型类型和缺省值的键

路由链接不会导航到指定router-outlet 的延迟加载模块

带下拉菜单的Angular 响应式选项卡

如何从扩展接口推断泛型?

以Angular 自定义快捷菜单

有什么方法可以类型安全地包装import()函数吗?

对象类型的TypeScrip隐式索引签名

ANGLE订阅要么不更新价值,要么不识别价值变化

如何将spread operator与typescripts实用程序类型`参数`一起使用

有没有办法传递泛型类型数组,以便推断每个元素的泛型类型?

Typescript 从泛型推断类型