Два входных файла отключены одновременно

Question

Привет, у меня есть два входных файла, и после загрузки файлов они должны быть отключены по отдельности. Но с моим приведенным ниже кодом при загрузке первого файла оба файловых входа отключаются одновременно. Как изменить код на отключить его отдельно.

    angular
      .module('app', [])
      .controller('ctrl', function($scope) {
        $scope.disabled = true;
      });
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

    <style>
      .ng-disabled {
        background: #E9B96E;
      }
    </style>

    <span ng-app="app" ng-controller="ctrl">
    <input type="file" ng-class="{'ng-disabled': disabled}" ng-disabled="disabled" id="input1" />
    <input type="file" ng-class="{'ng-disabled': disabled}" ng-disabled="disabled" id="input2"/>
    </span>

Answer 1

Вы используете одну и ту же переменную $ scope для обоих полей, поэтому неудивительно, что оба входа реагируют одинаково.Используйте отдельные переменные $ scope для решения этой проблемы.

Я мог бы предоставить вам решение для копирования и вставки, но я чувствую, что если я позволю вам искать решение, теперь, когда вы знаете проблему, вы могли бы изучитьмного.