Angular2 异常没有字符串提供者

Question

我用 ng-cli 创建了一个全新的应用程序用这个非常简单的代码^^

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private my: string) {}
}

并且我进入了控制台

异常：没有字符串提供程序！

我没有看到代码中有任何错误，所以怎么了！

在ng-book我可以阅读

export class Article { 
  title: string; 
  link: string; 
  votes: number;
  constructor(title: string, link: string, votes?: number) { 
    this.title = title;
    this.link = link;
    this.votes = votes || 0;
  }
}

看看

https://github.com/Microsoft/TypeScriptSamples/blob/master/greeter/greeter.ts

Answer 1

构造函数错误：

export class AppComponent {
  constructor(private my: string) {}
}

private my: string 不应注入到构造函数中，而应注入到外部，这里假设它是您要在组件中使用的变量。

export class AppComponent {
  private my: string;
  constructor() {
    this.my = 'Hello!'; // if you want to assign a value (in the constructor) to your string, do it here!
  }
}

我建议您从 Tutorial 开始，这样您就可以了解 Angular 的基础知识 :)

编辑，您添加的后半部分是 class 例如，用于输入您的对象，而不是组件，对于 class 文章的类型对象，这是有效的语法：

export class Article { 
  title: string; 
  link: string; 
  votes: number;
  constructor(title: string, link: string, votes?: number) { 
    this.title = title;
    this.link = link;
    this.votes = votes || 0;
  }
}

然后您可以将此 class 导入您的 AppComponent，并用于分配一个 Article 对象。

import { Component } from '@angular/core';
import { Article } from './your.path'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  article: Article = new Article('titleHere', 'linkHere', 3)

  constructor() {}
}

Answer 2

我有这个错误，可以解决

只需要重新运行构建过程

通过 cntrl+c 停止它

又是ionic serve

或angular命令

Angular2 异常没有字符串提供者

Angular2 EXCEPTION No provider for String

angular

typescript

ionic3

看看