Когда мы хотим использовать disable для элемента в зависимости от условия то мы этого не можем сделать так как функционал этого атрибуте это не предусматривает для этого в AngularJS предусмотрены специальные директивы которые могут применятся в зависимости от условия, эти директивы применимы только как атрибуты.

используется для установки значения выбран\не выбран для input

    <script>
        angular.module("studyModule", [])
            .controller("studyCtrl", function ($scope) {
                $scope.dataValue = false;
            });
    </script>
    <div id="tasksPanel" class="panel well" ng-controller="studyCtrl">
        <div class="form-group">
            <label>
                <input type="checkbox" ng-checked="dataValue" />
                ng-checked
            </label>
        </div>
        <div class="form-group">
            <label>
                <input type="radio" ng-checked="dataValue" />
                ng-checked
            </label>
        </div>
    </div>

используется для disable элемента применяется для input и button

    <script>
        angular.module("studyModule", [])
            .controller("studyCtrl", function ($scope) {
                $scope.dataValue = false;
            });
    </script>
    <div id="tasksPanel" class="panel well" ng-controller="studyCtrl">
        <div class="form-group">
            <button class="btn btn-success" ng-disabled="dataValue">ng-disabled</button>
        </div>
    </div>

используется для атрибута readonly применяется к input

    <script>
        angular.module("studyModule", [])
            .controller("studyCtrl", function ($scope) {
                $scope.dataValue = false;
            });
    </script>
    <div id="tasksPanel" class="panel well" ng-controller="studyCtrl">
        <div class="form-group">
            <label >
                ng-readonly
                <input class="form-control" value="Readonly" ng-readonly="dataValue" />
            </label>
        </div>
    </div>

используется для атрибута selected в option

    <script>
        angular.module("studyModule", [])
            .controller("studyCtrl", function ($scope) {
                $scope.dataValue = false;
            });
    </script>
    <div class="form-group">
        <label>
            ng-select
            <select class="form-control">
                <option value="value">text 1</option>
                <option value="value" ng-selected="dataValue">ng-selected</option>
            </select>
        </label>
    </div>

>

используется для указания url в href Чтобы Angular сам заботился об особенностях работы браузеров с параметрами href и src, вместо них мы используем ng-href=« and ng-src=».

    <a ng-href="{{ main.someValue }}">Go</a>

используется для указания физического пути

    <img ng-src="{{ main.anotherValue}}" alt=">