javascript - onchange 不会改变 AngularJS View 中的 $scope

Question

我有以下代码(见下文)。当我单击按钮并选择文件时， View 中的 data.myVar 保持不变。 (不知何故，我确实看到 $scope.data.myVar 在单步执行 Controller 时正确更新)。为什么会这样？

html 摘录(在下面的 Controller 下):

{{data.myVar}}

<input type="file" onchange="angular.element(this).scope().setRuleFile(this)" />

JS:

angular.module('myModule')
    .controller('MyCtrl', ['$scope', function ($scope) {

    $scope.data = {
        myVar: 'init'
    };

    $scope.setRuleFile = function(element) {
        $scope.data.myVar = 'changed';
    }

}]);

Answer 1

改用指令比较简单。这是一个类似的问题: AngularJs: How to check for changes in file input fields?