AngularJS 1.6.9环境下ngf-select事件无报错却无法触发问题排查

核心问题1：未引入ng-file-upload依赖 #

ngf-select是第三方库ngFileUpload提供的专属指令，你当前的Angular模块没有注入该依赖，指令完全未生效，自然不会触发绑定的方法。

核心问题2：模板调用方法语法错误 #

AngularJS模板中直接访问$scope上挂载的属性/方法即可，不需要额外加$scope.前缀，你写的$scope.uploadFile在模板上下文里无法识别。

具体修复步骤 #

1. 先在项目中引入ngFileUpload库的JS脚本文件
2. 修改模块声明，注入依赖：

// 原来的空依赖数组改为加入ngFileUpload
var ngApp = angular.module("ngApp", ['ngFileUpload']);

3. 修改模板中的input标签，修正ngf-select的写法：

<input class="pull-right" type="file" ngf-max-size="20MB" ngf-select="uploadFile($file, $invalidFiles)" ngf-pattern="'*zip*'" />

修改完成后选择zip文件即可触发uploadFile方法，控制台会正常打印文件信息。

内容的提问来源于stack exchange，提问作者code-8