Angular2에서 문자열 값을 구성 요소에 전달하는 방법

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"를 올바르게 출력합니다.

언급URL : https://stackoverflow.com/questions/36220027/how-to-pass-a-string-value-to-a-component-in-angular2