AngularJs ng-click 不适用于文件上传字段答案

【问题标题】：AngularJs ng-click not working with fileupload fieldAngularJs ng-click 不适用于文件上传字段
【发布时间】：2013-10-15 13:16:41
【问题描述】：

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

小提琴链接：http://jsfiddle.net/CMJkg/2/

【问题讨论】：

究竟是什么不起作用？
将 function TestCtrl($scope) 重命名为 function MyCtrl($scope)
抱歉命名错误。问题是它永远不会到达警报（）。所以在 ng-click 中调用的方法永远不会被触发。

标签： javascript file angularjs angularjs-ng-click

【解决方案1】：

将readUploadedImage('grPhoto', '{{ id }}') 更改为readUploadedImage('grPhoto', id)。评估 ng-click 中的表达式。

Demo here.

【讨论】：