のOnChangeは、私は、この、カスタマーディレクティブを得た最初のファイル入力イベント

Question

を発射します最初の入力で宣言されたもの：importPlaylist。

どうすればこの問題を解決できますか？ ありがとう！

エクストラ：方法場所へのonChangeポイント：

angular.module('uvox-player').controller('PlaylistBaseController', function($scope, Api, $state, $q, $http, $mdToast, ngDialog, $mdDialog) { 

$scope.importPlaylist = function(event) { 
    var file = event.target.files[0]; 
    Api.postPlaylistItunes('itunes[file]', file).then(function(data) { 
     $state.reload(); 
    }, function(error) { 
    }); 

} 

および第2の入力方法：

angular.module('uvox-player').controller('PlaylistCoverController', function($scope, Api, $state, $q, $http, $mdToast, ngDialog, $stateParams) { 

$scope.selectPlaylist($stateParams.id); 
Api.getPlaylist($stateParams.id).then(function(data) { 
    $scope.cover = data.cover; 
}, function(error) { 
}); 


$scope.importCover = function(event) { 
    var file = event.target.files[0]; 
    Api.postPlaylistCover($scope.selectedPlaylist, 'cover[file]', file).then(function(data) { 
     $state.reload(); 
    }, function(error) { 
    }); 

} 

}）。

Answer 1

右コントローラはIが不安定な挙動は、コピー/ペーストの結果として、両方の入力に同じIDを有するの結果であることを実現するまで失敗は持続し、ルーティングで定義されたが.... IDを変更しました。問題を解決しました....

Answer 2

コントローラを宣言していない場合は、メインコントローラでAngularJsが表示され、あなたの場合、PlaylistBaseControllerでメソッドimportCoverが見つかる可能性があります。

<div ng-controller="PlaylistBaseController" ng-show="platform == 'darwin'"> 
    <input class="ng-hide" id="input-file-id" multiple type="file" custom-on-change="importPlaylist"/> 
    <label for="input-file-id" class="md-button md-raised md-primary">Import PlayList</label> 
</div> 


<div ng-controller="PlaylistCoverController"> 
    <input class="ng-hide" id="input-file-id" multiple type="file" custom-on-change="importCover"/> 
    <label for="input-file-id" class="md-button md-raised md-primary">New Cover</label> 
</div>