Angular 2通过HTML传递参数到组件

Question

我是Angular 2的新手，我在将参数传递到通过HTML的组件中面临困难。

import { Component,Input } from '@angular/core';
@Component({
  //  inputs: ['value : value'], // I tried this too
    template: `<h1>{{value}}</h1>
  <br> <p>  Hello Angular2 </p>
<hr>
  `,
})
    export class AppComponent {
@Input('value') value: string;
}

我在index.html中称我的组件为

<symfony-loves-angular [value]="user">Let me think...</symfony-loves-angular>

，但它仅显示Hello angular2，并且没有显示我通过的{{value}}！

预先感谢您:)我非常感谢您的帮助！

Answer 1

您是否尝试过...

export class AppComponent {
  ...
  constructor(value) {
    this.value = value;
  }
}