Angular2指令 - 字符串問題

Question

我們Angular2創建指令，並有應接收string的input財產。問題是，我們無法傳遞一個字符串。

如果我們試着這樣做：

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

它不工作，所以我們必須要做到這一點，那麼它的工作原理：

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

這就是我們的指令：

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

任何想法如何處理字符串沒有顯式使用單引號？

Answer 1

每當你已經屬性包與[]方括號它要評估的屬性值（表達）用的上下文（this）零件。

既然你直接傳遞一個值，你可以直接指定title屬性沒有[]括號，這意味着您已內的屬性傳遞的值不會得到對組件的上下文（this）進行評估。

標記

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

Answer 2

申報串（類型）變量，並基本上將其用作如下所示，

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


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