ค้นหาเว็บไซต์

javascript - Angular 2: การแทรกสตริงด้วยการเรียกฟังก์ชัน


ฉันกำลังพัฒนาแอป Angular แรกของฉันและมีปัญหาเกี่ยวกับการแทรกสตริง

ฉันมีคอมโพเนนต์ที่มีองค์ประกอบดังต่อไปนี้:

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

action เป็นประเภท Action ซึ่งมีเมธอดดังต่อไปนี้:

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

ตัวแปร action ถูกกำหนดอย่างถูกต้องเนื่องจากฉันสามารถเข้าถึงคุณสมบัติผ่าน {{}} ได้โดยไม่มีปัญหา เช่น {{action.title}}

ดังนั้นคำถามของฉันคือ นี่เป็นไปได้ที่จะเข้าถึงฟังก์ชันนี้หรือไม่ และถ้าใช่ ฉันทำอะไรผิด?

คำตอบ #1

คุณสามารถแปลงมันเป็นสมบัติได้:

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

เทมเพลตของคุณกลายเป็น:

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

คำตอบ #2

คุณอ้างถึง action.title แต่ ation.getText() แน่นอนว่าผิดพิมพ์ใช่ไหม?

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