AngularJs 클릭이 파일 업로드 필드에서 작동하지 않습니다.

저는 AngularJS를 처음 사용 했으므로 이미지를 업로드하기 전에 일부 매개 변수를 설정하려고 할 때이 클릭을 고수했습니다. 바이올린에AngularJs 클릭이 파일 업로드 필드에서 작동하지 않습니다.

<div ng-controller="TestCtrl"> 
    <div data-ng-click="readUploadedImage('grPhoto', '{{ id }}')"> 
     <label class="changePhotoBtn" for="uploadBanner">Click Here</label> 
     <input style="display: none;" type="file" name="Upload a file" id="uploadBanner" /> 
    </div> 
</div> 

var myApp = angular.module('myApp',[]); 

function TestCtrl($scope) { 
    $scope.id = 1234; 

    $scope.readUploadedImage = function(parentClass, spid) {  
     alert(parentClass + ' ' + spid); 
    } 
}

링크 : http://jsfiddle.net/CMJkg/2/

출처

2013-10-15 Ioana Cucuruzan

정확히 작동하지 않는 기능은 무엇입니까? – Sprottenwels

'TestCtrl ($ scope)'함수를'function MyCtrl ($ scope)'로 이름을 변경하십시오. –

명명 오류로 불편을 끼쳐 드려 죄송합니다. 문제는 알림()에 도달하지 않는다는 것입니다. 따라서 ng-click에서 호출 된 메서드는 절대 실행되지 않습니다. –