Не удается включить кнопку с отключенным ng в AngularJs

Question

Это то, что у меня есть в моем controller.js

$scope.fileAdded = false;

$scope.fileNameChanged = function() {
    $scope.fileAdded = true;
};

Эту кнопку я хочу включить ...

<a ng-disabled="!fileAdded" class="btn btn-primary" role="button">Click</a>

... когда я выбираю файл:

<input type="file" name="file" id="file"
       onchange="angular.element(this).scope().fileNameChanged(this)">

Хотя fileAdded изменяется с false на true, кнопка не активна. Почему он все еще отключен?

Answer 1

Вы должны использовать директиву Angular ngChange , в отличие от DOM onchange.

<input type="file" name="file" id="file" ng-change="fileNameChanged()">

Answer 2

С onchange вы находитесь вне angJJS. Так что вам нужно самостоятельно запустить цикл дигекта:

$scope.fileNameChanged = function() {
    $scope.fileAdded = true;
    $scope.$digest();
};