故障排除AngularJS指令

我声明了一个模板，控制器按文件，并有一个基本的半工作示例

的index.html &观点：

index.html 
<script src="scripts/FileUpload/angular-file-upload.min.js"></script> 

MyView.html 
<div data-ng-controller="uploader"> 
    <input type="file" ng-file-select="onFileSelect($files)" multiple> 
    <button ng-click="foo()">foo</button> 
</div>

app/controller：

var app = angular.module('app', ['angularFileUpload']) // ng-file-upload 

angular.module('app').controller('uploader', ['common', '$scope', '$http', '$upload', uploader]); 

function uploader(common, $scope, $http, $upload) { 
... 
    $scope.foo = function() { 
     log('bar..'); 
    }; 
    $scope.fileUploadObj = "TestString"; 
    $scope.onFilesSelect = function ($files) { 
     log('files selected!'); 
     ... 
    }

我添加了函数foo来确保我的控制器被绑定，并且工作正常。然而onFileSelect永远不会被触发，我看不到任何错误。

看着Angular.js Batarang分析器，我看到下面的范围有问题。

Models for (007) 
{ 
    foo: null 
    fileUploadObj: TestString 
    onFilesSelect: null 
}

两个功能显示为空，但我知道富是有线。

所以我的问题是，我该如何解决onFileSelect（$文件）断开连接的位置。

来源

2014-02-15 Sonic Soul

ng-file-select="onFileSelect($files)"

$scope.onFilesSelect

一个具有小号在文件

来源

2014-02-15 19:44:15 thescientist

哇..不敢相信这个..其实最初我对单个和多个文件处理程序（两者的视图和控制器），并没有一个工作。所以我把它缩小到最简单的情况，并忽略了这个小细节:) ..不知道我做了什么，但它现在确实工作后，更正名称，谢谢。 –

发生在我们身上 – thescientist

故障排除AngularJS指令

回答

相关问题