Angular2:内联模板：8:0原因：字符串没有提供程序

我用Angular2编写了以下代码：

添加item.component.ts

@Component({
  selector: 'add-item',
  template: `<form-item [title]="abcde"></form-item>`,
})

export class AddItemComponent {
  forms: Object[]

  constructor() {
    this.forms = [{title: 'a', link: 'b'}];
  }
}

@Component({
  selector: 'form-item',
  template: `<h3>{{title}}</h3>`,
  inputs: ['title'],
  styles: [`
    h3 { 
        color: blue;      
    }
  `]
})

export class FormItemComponent{

  @Input()
  title: string;

  constructor(title: string) {
    this.title = title;
  }
}

@组件({
选择器：“添加项”，
模板：``，
})
导出类AddItemComponent{
形式：对象[]
构造函数（）{
this.forms=[{title:'a'，link:'b'}]；
}
}

表单项.component.ts

@Component({
  selector: 'add-item',
  template: `<form-item [title]="abcde"></form-item>`,
})

export class AddItemComponent {
  forms: Object[]

  constructor() {
    this.forms = [{title: 'a', link: 'b'}];
  }
}

@Component({
  selector: 'form-item',
  template: `<h3>{{title}}</h3>`,
  inputs: ['title'],
  styles: [`
    h3 { 
        color: blue;      
    }
  `]
})

export class FormItemComponent{

  @Input()
  title: string;

  constructor(title: string) {
    this.title = title;
  }
}

@组件({
选择器：“表单项”，
模板：`{title}}`，
输入：[“标题”]，
风格：[`
h3{
颜色：蓝色；
}
`]
})
导出类FormItemComponent{
@输入（）
标题：字符串；
构造函数（标题：字符串）{
this.title=标题；
}
}

当我运行此代码时，我得到一个错误：

错误：./AddItemComponent类AddItemComponent-inline中的错误 模板：8:0原因：字符串没有提供程序

我做了一个小调查，我不明白问题出在哪里。我还看了这里：

---

你能帮帮我吗

您需要从构造函数中删除

title:string

和初始化。Angular的构造函数需要提供程序作为参数。

您需要从构造函数中删除

标题：string

和初始化。Angular的构造函数需要提供程序作为参数。

FormItemComponent类应为：

export class FormItemComponent{
  @Input() title: string = "";
}

---

“title”不能在构造函数内初始化

FormItemComponent类应为：

export class FormItemComponent{
  @Input() title: string = "";
}

---

“title”不能在构造函数内初始化

看看这篇关于MSDN的文章看看这篇关于MSDN的文章