您需要将其添加到providers数组中，该数组包含组件上的所有依赖项。

请看angular文档中的这一部分:

在组件中注册提供者 下面是修改后的HeroesComponent，它注册了HeroService 提供者数组。

import { Component } from '@angular/core';

import { HeroService } from './hero.service';

@Component({
  selector: 'my-heroes',
  providers: [HeroService],
  template: `
  <h2>Heroes</h2>
  <hero-list></hero-list>
  `
})
export class HeroesComponent { }

When to use NgModule versus an application component On the one hand, a provider in an NgModule is registered in the root injector. That means that every provider registered within an NgModule will be accessible in the entire application. On the other hand, a provider registered in an application component is available only on that component and all its children. Here, the APP_CONFIG service needs to be available all across the application, so it's registered in the AppModule @NgModule providers array. But since the HeroService is only used within the Heroes feature area and nowhere else, it makes sense to register it in the HeroesComponent. Also see "Should I add app-wide providers to the root AppModule or the root AppComponent?" in the NgModule FAQ.

所以在你的情况下，简单地改变注入到提供商如下所示:

@Component({
  selector: 'my-app',
  providers: [NameService]
})

在Angular的新版本中，@View和其他一些东西也消失了。

欲了解更多信息，请访问这里。

你也可以在bootstrap命令中声明依赖项:

bootstrap(MyAppComponent,[NameService]);

至少这是我在alpha40中使用的方法。

这是链接:http://www.syntaxsuccess.com/viewarticle/dependency-injection-in-angular-2.0

您需要将其添加到providers数组中，该数组包含组件上的所有依赖项。

请看angular文档中的这一部分:

在组件中注册提供者 下面是修改后的HeroesComponent，它注册了HeroService 提供者数组。

import { Component } from '@angular/core';

import { HeroService } from './hero.service';

@Component({
  selector: 'my-heroes',
  providers: [HeroService],
  template: `
  <h2>Heroes</h2>
  <hero-list></hero-list>
  `
})
export class HeroesComponent { }

When to use NgModule versus an application component On the one hand, a provider in an NgModule is registered in the root injector. That means that every provider registered within an NgModule will be accessible in the entire application. On the other hand, a provider registered in an application component is available only on that component and all its children. Here, the APP_CONFIG service needs to be available all across the application, so it's registered in the AppModule @NgModule providers array. But since the HeroService is only used within the Heroes feature area and nowhere else, it makes sense to register it in the HeroesComponent. Also see "Should I add app-wide providers to the root AppModule or the root AppComponent?" in the NgModule FAQ.

所以在你的情况下，简单地改变注入到提供商如下所示:

@Component({
  selector: 'my-app',
  providers: [NameService]
})

在Angular的新版本中，@View和其他一些东西也消失了。

欲了解更多信息，请访问这里。

令人震惊的是，在Angular的最新版本中，语法又发生了变化:-)

从Angular 6.0开始，创建单例对象的首选方式 服务是在服务上指定应该在哪个服务中提供服务 应用程序根目录。这可以通过将providedIn设置为root on来实现 服务的@Injectable装饰器:

src / app /用户服务。0。注意事项

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

@Injectable({
  providedIn: 'root',
})
export class UserService {
}

嗨，你可以在你的.ts文件中使用这个:

首先在这个.ts文件中导入你的服务:

import { Your_Service_Name } from './path_To_Your_Service_Name';

然后在同一个文件中添加提供商:

 @Component({
      selector: 'my-app',
      providers: [Your_Service_Name],
      template: `
        <h1>Hello World</h1> `   
    })

Angular2要求你在bootstrap函数调用中声明所有的注入对象。没有这个，你的服务就不是一个可注入的对象。

bootstrap(MyAppComponent,[NameService]);