кнопка отключения, если нет изображения src

Question

У меня есть тег img и кнопка проверки.

Если у img нет src / ng-src, кнопка проверки должна быть отключена.

если изображение есть, его следует включить.

проблема в том, что нет ng-модели для изображения, я не могу связать src изображения с ng-отключенной кнопкой.

Я сделал функцию, которая возвращает bool для атрибута ng-disabled кнопки.

<button ng-disabled="verif($index)" ng-click="...>
<img ng-src={{asset.card_$index}} >

    $scope.verif = function (index) {
        return !!document.getElementById('im_'+index).src;
    }

он должен работать не только в первый раз, но и каждый раз, когда изменяется src.

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

события из входного файла не являются надежными. вместо этого я должен проверить IMG SRC

Answer 1

Проверьте это образец

HTML

<div ng-app ng-controller="LoginController">
    <img ng-src="{{img}}" alt="angular">

    <button type="button" ng-disabled="!img" >Validate</button>
    <button type="button" ng-click="clearImg()">Clear</button>
    <button type="button" ng-click="resetImg()">Reset</button>
</div>

Контроллер

function TestController($scope) {
    var defaultImg = "https://s3.amazonaws.com/images.seroundtable.com/pic-angular-1431519203.jpg";

    $scope.clearImg = function () {
        $scope.img = '';
    };

    $scope.resetImg = function () {
        $scope.img = angular.copy(defaultImg);
    };


    $scope.resetImg();

}