检测 HTML 视频何时在 Angular 2 中结束答案

【问题标题】：Detect When HTML Video Ends in Angular 2检测 HTML 视频何时在 Angular 2 中结束
【发布时间】：2016-11-05 20:04:24
【问题描述】：

我正在尝试检测 HTML video 何时以 Ionic2（Angular2 和 Typescript）结尾。我的代码 sn-ps 如下：

模板：

<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 并用 () 包围事件名称来绑定事件。因此，在您的情况下，正确的语法将是这两者之一，您可以使用任何您喜欢的语法，因为两者都做同样的事情：

【讨论】：

【解决方案2】：

您可以通过这种方式检测 Html 视频何时以 Angular 结束：

模板：

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

组件：

videoEnd() {}

【讨论】：