Aurelia에서 ES6 문자열 보간

Question

aurelia.io의 "시작하기"섹션을 따르고 문자열 내부의 문자열 보간에 문제가 있습니다. 제 1 실시 예에 관한 뷰 모델에서

는 'fullName의'계산 게터 $ {fullName의}로서 문자열

return '${this.firstName} ${this.lastName}' 

이 값은 뷰 (HTML 템플릿)에 사용되는에게 반환한다.

문제는 계산 된 전체 이름을 표시하는 대신 실제 반환 문자열이 표시됩니다. 나는 크롬과 파이어 폭스 모두를 시도해 보았고 둘 다 올바른 값을 보여주지 못했다.

welcome() 함수도 문자열 값을 반환하므로 동일한 문제가 있습니다.

Aurelia Visual Studio 샘플에서 주목할만한 결과 값이 실제 계산 된 문자열로 변경되었습니다.

return this.firstName + " " + this.lastName; 

내가 뭘 잘못하고 있니?

Answer 1

귀하의 답변은 정확합니다. 이것은 실제로 Aurelia가 아닌 ECMAScript 6의 기능입니다. ES6에서는 '캐릭터가 아닌'캐릭터가 템플릿 문자열을 구분합니다.

Visual Studio 샘플에 대해서는 동일한 결과를 출력하는 또 다른 스타일 일뿐입니다. 그러나이 스타일은 ECMAScript 5/JavaScript에서 유효합니다. 모두 다음과 같이 작성할 수도 있습니다.

return [this.firstName, this.lastName].join(' '); 

Answer 2

. 제 초심자의 실수입니다. 나는 문자열 보간 문자열에 대해 백 스트로크보다는 작은 따옴표를 사용했다.

그래서 적절한 방법은 그것에 대해

return `${this.firstName} ${this.lastName}` 

죄송합니다.