AngularJs ng-click не работает с файловым полем

Question

Я новичок в AngularJS, и я застрял на этом ng-click при попытке установить некоторые параметры перед загрузкой изображения. Вот код:

<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); 
    } 
} 

Ссылка на Fiddle: http://jsfiddle.net/CMJkg/2/

Answer 1

Изменение readUploadedImage('grPhoto', '{{ id }}') в readUploadedImage('grPhoto', id). Вычисляются выражения в ng-click.

Demo here.