Angular2 Richtlinie - String Ausgabe

Question

Wir haben eine Richtlinie in Angular2 und haben eine input Eigenschaft, die eine string erhalten soll. Das Problem ist, dass wir keine Zeichenfolge übergeben können.

Wenn wir versuchen, dies zu tun:

<learning-requirements [title]="You should be able to!" [content]="requirements"></learning-requirements> 

Es funktioniert nicht, so haben wir dies zu tun, und dann funktioniert es:

<learning-requirements [title]="'You should be able to!'" [content]="requirements"></learning-requirements> 

, daß unsere Richtlinie ist:

@Component({ 
    selector: "learning-requirements", 
    directives: [IONIC_DIRECTIVES], 
    templateUrl: "build/pages/learning/components/requirements/requirements.html" 
}) 
export class RequirementsComponent { 
    @Input() public title: string; 
    @Input("content") public items: Array<Requirement>; 
} 

Haben Sie eine Idee, wie Sie mit einem String umgehen können, ohne explizit ein Zitat zu verwenden?

Answer 1

Grundsätzlich, wenn Sie Attribut mit [] eckige Klammer wickeln haben es mit Kontext ausgewertet Attributwert (Ausdruck) wird (this) von Komponente.

Da Sie direkt einen Wert vorbei direkt title Attribut ohne [] eckige Klammer angeben könnte, was bedeutet, dass der Wert, den Sie innerhalb von Attribut bestanden haben würde nicht gegen Kontext ausgewertet bekommen (this) der Komponente.

Markup

<learning-requirements 
    title="You should be able to!" 
    [content]="requirements"> 
</learning-requirements> 

Answer 2

Declare string (Typ) Variable und es verwenden, wie unten gezeigt,

<learning-requirements [title]="someVar" [content]="requirements"></learning-requirements> 


export class AppComponent{ 
    someVar:string="You should be able to!"; 
}