typescript - ตรวจสอบเมื่อวิดีโอ HTML จบใน Angular 2

ฉันกำลังพยายามตรวจจับว่าเมื่อวิดีโอ HTML video จบใน Ionic2 (Angular2 และ Typescript) โค้ดตัวอย่างของฉันอยู่ด้านล่าง:

แม่แบบ:

<video poster="" id="v" playsinline autoplay webkit-playsinline onended="vidEnded()">
    <source src="assets/vid.mp4" type="video/mp4">
</video>

ส่วนประกอบ:

vidEnded() {
    console.log("video ended");
    this.leavePage();
}

ฉันทำผิดตรงไหนหรือ? ขอบคุณล่วงหน้านะ

คำตอบ #1

ใน Angular 2 คุณจำเป็นต้องเพิ่ม - ระหว่างคำนำหน้า on และชื่อเหตุการณ์ หรือเพียงแค่ลบคำนำหน้า on และล้อมชื่อเหตุการณ์ด้วย () เพื่อผูกเหตุการณ์ ดังนั้น ไวยากรณ์ที่ถูกต้องในกรณีของคุณจะเป็นหนึ่งในสองแบบนี้ คุณสามารถใช้แบบใดก็ได้ตามที่คุณต้องการเพราะทั้งสองแบบทำงานเหมือนกัน:

• on-ended="vidEnded()"

• (ended)="vidEnded()"

ตรวจสอบไวยากรณ์การเชื่อมโยงของ Angular 2

คำตอบ #2

คุณสามารถตรวจจับได้ว่าเมื่อวิดีโอ Html สิ้นสุดใน Angular ด้วยวิธีนี้:

แม่แบบ:

<video (ended)="videoEnd()">
  <source src="assets/vid.mp4" type="video/mp4">
</video>

ส่วนประกอบ:

videoEnd() {}