将Javascript添加到Angular控制器

Question

I am trying to add Javascript to a controller in Ionic. My JS syntax isn't quite right, can someone please give it a look over.

I assume JS has to be tagged to some form of scope for each block of code?

CONTROLLER

.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

Similar question. This might be helpful to you:

Calling AngularJS controller function when html5 video ends

Answer: https://stackoverflow.com/a/29030565/3298029