[angular] angular2의 구성 요소에 문자열 값을 전달하는 방법

angular2의 구성 요소에 문자열 값을 전달하고 싶지만 기본 바인딩에서는 작동하지 않습니다. 나는 이것과 비슷한 것을 생각하고 있습니다.

<component [inputField]="string"></component>

불행히도 할당의 오른쪽에는 표현식 만 허용됩니다. 이를 수행하는 방법이 있습니까?



답변

문자열 리터럴은 다른 방법으로 전달할 수 있습니다.

<component inputField="string"></component>
<component [inputField]="'string'"></component>
<component inputField="{{'string'}}"></component>


답변

문자열을 따옴표로 묶어 문자열을 전달할 수 있습니다.

<component [inputField]="'string'"></component>


답변

문자열 리터럴에 작은 따옴표 (및 기타 특수 HTML 문자)를 포함하려면 첫 번째 옵션이 작동하지만 작은 따옴표를 사용하여 리터럴을 래핑하는 옵션은 구문 분석 오류로 실패합니다. 예를 들면 :

<component inputField="John&#39;s Value"></component>

“John ‘s Value”를 올바르게 출력합니다.


답변