2017-02-22 3 views
2

첫 번째 각도 응용 프로그램을 개발 중이며 데이터 바인딩 문제가 있습니다. I 속성을 액세스 할 수 있기 때문에, 가변 동작이 제대로 정의각도 2 : 함수 호출을 통한 데이터 바인딩

getText(): String { return "Test"; } 

:

`<span>{{action.getText()}}</span>` 

동작은 다음의 방법을 가지고 입력 액션이다

는 I는 다음의 요소를 포함하는 성분이 {{}}을 (를) 통해 문제없이. 예 : {{action.title}}

제 질문은이 기능에 액세스하는 것이 가능하고 그렇다면 무엇이 잘못 되었습니까?

+1

'동작'은 어떻게 보이나요? 나는 보통'string'이 아닌'string' 데이터 타입을 사용합니다. –

+0

올바른 getter로 시도하십시오'get text() {return "Test"; }'및'{{action.text}}'. 액션 객체가 컴포넌트 ts 파일 또는 # 태그로 정의 된 로컬 변수에서 나온 경우에만 작동합니다. –

+0

@ MaximeGélinas 이제 내 구성 요소에'get text() {return "Test";}'및'{{action.text}} '가 있습니다. 그러나 이제 텍스트가 표시되지 않습니다 (적어도 더 이상 충돌하지 않음). 변수 액션은 연관된 컴포넌트 파일 – Luca

답변

3

당신은 속성에 변환 할 수 있습니다 :

get text(): string { return "Test"; } 

템플릿이됩니다 : 당신은 action.title하지만 ation.getText()을 참조

<span>{{ation.text}}</span> 
+0

긁힘. 속성으로 변환 할 수는 있지만 함수 결과에 대한 바인딩은 실제로 예상대로 작동합니다. –

+0

이제는 ''이 – Luca

+0

이어야하는 곳에서는 아무것도 표시되지 않습니다. 콘솔에있는 항목이 있습니까? –

0

. 확실히 오타가 있니?

<span>{{action.getText()}}</span> 
+0

'ation'은 오타입니다. 지금 수정했습니다. 'action.title'에 대한 참조는이 속성에 접근 할 수 있기 때문에 변수가 올바르게 정의되었다는 것을 보여 주어야합니다. – Luca