问Angularjs和正常的Javascript函数不能一起工作吗？

EN

<div class ="container">   <div class="jumbotron">
    <p> <h3>Claim your token here</h3> </p>
    <p> Click a picture of the QR Code: </p>
    <!-- <p> 
      <input type="text" ng-model="tokenId">
    </p> -->
    <p>
      <input type="file" capture="camera" accept="image/*" id="camsource" name="camsource">
    </p>
    <p>
      <canvas id="qr-canvas" width="300" height="300" style="border:1px solid #d3d3d3;"></canvas>
    </p>
    <p>
    <button type="submit" class="btn btn-default" role="button" onclick="myFunction()">Decode QrCode</button>   </p>
    <p>
      <button type="submit" class="btn btn-default" role="button" ng-click="claimToken()">
        {{claimButtonText}}
      </button>
    </p>
    <p>
      <button class="btn btn-default" role="button" ng-click="goToProfile()">
        Back to Profile 
      </button>
    </p>
    <p><h6 id="qr-value"></h6></p>
    <p>{{claimTokenStatus}}</p>   </div> </div>

<script>

window.onload = function() {
    var input = document.getElementById('camsource');
    input.addEventListener('change', handleFiles, false); }

function handleFiles(e) {
    var canvas = document.getElementById('qr-canvas')
    var ctx = canvas.getContext('2d');
    var url = URL.createObjectURL(e.target.files[0]);
    var img = new Image();
    img.src = url;
    img.onload = function() {
        ctx.drawImage(img, 0, 0, 300, 300);    
    }    } </script>