Question

我有一个img标签和一个Validate按钮。

如果img没有src / ng-src，则应禁用验证按钮。

如果有图片，则应启用。

问题是没有图像的ng模型，我无法将图像src绑定到按钮的ng-disabled。

我制作了一个函数，该函数返回按钮的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

选中此sample

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();

}

如果没有图像src，则禁用按钮

1 个答案: