添加Javascript到一個角度控制器

Question

我想添加Javascript到控制器離子。我的JS語法不太對，請有人看看。

我認爲JS必須標記爲每個代碼塊的某種形式的範圍？

控制器

.controller('ProductCtrl', function(Products, $scope, $stateParams, $state, $timeout) { 
    $scope.product = Products[$stateParams.productId]; 

    $scope.$on('$routeChangeStart', function(next, current) { 
    var video = document.getElementById("myVideo"); 
    function stopVideo(){ 
     video.pause(); 
     video.currentTime = 0; 
    }) 

    var video = document.getElementById('myVideo').addEventListener('ended',myHandler,false); 
    function myHandler(e) { 
     $state.go('app.home'); 
    }) 

PRODUCT.HTML

<ion-view view-title="Individual Video"> 
<ion-nav-view></ion-nav-view> 
<ion-content> 
<h2>{{product.title}}</h2> 
<h2>{{product.duration}}</h2> 
<video id="myVideo" controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"><source src="{{product.video}}" type="video/mp4" /></video> 
</ion-content> 
</ion-view> 

Answer 1

類似的問題。這可能對你有所幫助：

Calling AngularJS controller function when html5 video ends

答： https://stackoverflow.com/a/29030565/3298029