如果选择了文件,如何启用按钮Angular JS?

时间:2017-02-07 13:27:38

标签: angularjs angularjs-directive

我使用此library来上传Angular JS中的文件。

如果选择了文件,如何启用提交按钮?

我可以访问对象:

var uploader = new FileUploader({})

1 个答案:

答案 0 :(得分:3)

只需检查queue属性的长度 - 这是一个包含所选文件的数组。

JS:

$scope.uploader = new FileUploader({});

HTML:

<button type="button" ng-disabled="uploader.queue.length < 1">Upload</button>

<强>更新

这是你可以检查加载了多少文件的方法:

JS:

var loaded = $filter('filter')($scope.uploader.queue, {isUploaded: true})

或在模板中显示:

<span ng-bind="(uploader.queue | filter: {isUploaded: true}).length"></span>

更新2

如果至少上传了一个文件,则启用按钮:

<button type="button" ng-disabled="(uploader.queue | filter: {isUploaded: true}).length < 1">Do something</button>