nativescript 和 angular2 - 没有提供者错误答案

【问题标题】：nativescript and angular2 - no Provider Errornativescript 和 angular2 - 没有提供者错误
【发布时间】：2016-12-27 01:44:27
【问题描述】：

我在使用 angular2 和 typescript 加载 nativescript 应用程序时遇到问题。我试图解决很长时间。我所拥有的是：

list.service.ts

import { ItemListApi } from '../sdk/services/custom/ItemList';
import { ItemList } from '../sdk/models/ItemList';

@Injectable()
export class ListService {
items: Observable<Array<Item>>;
public grocery: Grocery = new Grocery('', '');
private listModel: ItemList = new ItemList();

constructor(private itemListApi: ItemListApi,
    private authModelApi: AuthModelApi,
    private loginCredentials: LoginCredentials) {

}

addItems(list: ItemList) {
    let uid;
       uid = this.loginCredentials.getUserId();
         return this.itemListApi.create({
        "name": list.name,
        "userid": uid
    });
};
}

模块.ts

@NgModule({
imports: [
CommonModule,
FormsModule,
RouterModule
],
declarations: [
LoginComponent,
ListComponent
],
providers: [
LoginService,
ListService,
LoginCredentials,
HeroActions,
HeroService
],
exports: [
LoginComponent,
ListComponent
]
})

我一直收到错误消息说“没有 ItemListApi 的提供者”...... 实际上 ItemListApi 来自我的环回 nativescript sdk。有人可以帮我找出我的代码中的那个小问题吗？

【问题讨论】：

您应该在使用它的组件中将服务作为 rpvoider 提供。例如，请参见 github.com/NativeScript/nativescript-sdk-examples-ng/blob/…

标签： angular typescript nativescript angular2-nativescript

【解决方案1】：

将ItemListApi 添加到您的app.module.ts 的提供者列表中：

providers: [
LoginService,
ListService,
LoginCredentials,
HeroActions,
HeroService,
ItemListApi
],

在回复尼克所说的内容时，他无法将其作为提供程序添加到他所在的 ts 文件中，因为他使用的是@Injectable 而不是@Component

【讨论】：

实际上这个 module.ts 是共享文件，它在 web、桌面和 nativescript 应用程序中很常见。所以我在这个文件中所做的任何更改都会反映在 app 中的所有内容。我有 2 个 sdk，一个用于 web，一个用于 nativecsript。这个 nativescript sdk ItemListApi 得到这个错误。那我该怎么办？
添加ItemListApi 应该可以解决您的问题，所以我不确定

【解决方案2】：

如 cmets 中所述；您需要在 module.ts 文件中更新您的导入。

添加：

import { SDKBrowserModule } from './shared/sdk/index';

与你的 module.ts 中的其他导入一起，然后：

SDKBrowserModule.forRoot()

在 module.ts 中的导入数组中

【讨论】：