2017-06-26 4 views
0

Ich bin neu zu Angular 2 und ich bin vor einer Schwierigkeit einen Parameter Komponente durch HTML..I nebenbei machte einige Forschungen und ich wandte sie aber nichts funktionierteAngular 2 vorbei Parameter Komponente durch 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; 
} 

und ich rief meine Komponente in index.html wie diese

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

aber es zeigte nur Hallo Angular2, und zeigen nicht die {{value}}, die übergeben ich!

Vielen Dank im Voraus :) Ich schätze Ihre Hilfe sehr!

Antwort

0

Haben Sie versucht ...

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

Vielen Dank für Ihre Antwort, Ja habe ich versucht, es aber es hat nicht funktioniert – Casper

+0

Konstruktor (Wert: string) { this.value = Wert; } Ich habe gerade den Typ im Konstruktor hinzugefügt und das ist, was es in der Konsole zeigt: core.umd.js: 2843 ORIGINAL STACKTRACE: Fehler: Kein Anbieter für String! Unhandled Promise Ablehnung: Kein Provider für String! ; Zone: ; Aufgabe: Versprechen.dann; Wert: NoProviderError {_nativeError: Fehler: Kein Provider für String! bei NoProviderError.BaseError [als Konstruktor] – Casper