故障排除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指令

回答

相關問題