Angular 2 通过 HTML 将参数传递给组件

Question

I'm new to Angular 2 and I'm facing a difficulty in passing a parameter to component through HTML..I made some researches and I applied them but nothing worked

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;
}

and I called my component in index.html like this

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

but it only showed Hello Angular2, and didn't show the {{value}} that I passed!

Thank you in advance :) I really appreciate your help !

Answer 1

Did you try...

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