從輸入的onchange調用函數

Question

我使用控制器作爲語法。

而當我的文件輸入改變了，我想觸發一個函數。

該怎麼辦？下面

是我的代碼以$範圍語法

<input class="upload" type="file" accept="image/*" ng-model="image" 
       onchange="angular.element(this).scope().uploadImage(this)"> 

Answer 1

使用角度scope.$watch。在您的控制器，補充一點：

scope.$watch("image", function(newValue, oldValue) { 
    // Do anything you want here 
    scope.uploadImage(newValue); 
} 

更多有關scope.$watch：https://docs.angularjs.org/api/ng/type/$rootScope.Scope

Answer 2

可以使用ng-change="nameOfFunction()"這將觸發時，該輸入變化

或者使用HERE

Answer 3

由於發現here，您可以使用自定義指令來偵聽輸入文件中的更改。

view.html：

<input type="file" custom-on-change="uploadFile"> 

controller.js：

app.controller('myCtrl', function($scope){ 
    $scope.uploadFile = function(event){ 
     var files = event.target.files; 
    }; 
}); 

directive.js：

app.directive('customOnChange', function() { 
    return { 
    restrict: 'A', 
    link: function (scope, element, attrs) { 
     var onChangeHandler = scope.$eval(attrs.customOnChange); 
     element.bind('change', onChangeHandler); 
    } 
    }; 
}); 

View JSFIDDLE