Question

我正在学习，如果我的问题是透明的，请原谅我。现在我已进入控制器：

$scope.fileUrl = 'test/data_1.zip';
$scope.fileName = 'myData';

在 html ：

<a href="{{fileUrl}}" download="{{fileName}}"> Download version 1 </a>

所以，也许明天我会在文件夹 test 文件 data_2.zip 中添加...然后一遍又一遍。因此，我将被迫在 html ＆amp;中写入几乎相同的一行。多次控制器 ...如何自动化该过程？我希望我的要求是可能的，任何帮助将不胜感激：）

Answer 1

您可以将所有文件存储在一个数组中，然后使用ng-repeat：

进行迭代

$scope.files = [{
        url: 'test/data_1.zip',
        name: 'myData'
    }, {
        url: 'test/data_2.zip',
        name: 'myData2'
    }, ... ];

你写的HTML中的

：

<a href="{{file.url}}" download="{{file.name}}" ng-repeat="file in files"> Download version 1 </a>

Answer 2

只要您的命名一致，就可以使用：

HTML：

<div ng-repeat="a in array">
    <a href="test/data_{{$index+1}}.zip" download="{{fileName}}{{$index+1}}"> Download version {{$index + 1}} </a>
</div>

控制器：

var numberOfFiles = 12;
$scope.array = new Array(numberOfFiles);
$scope.fileName = 'myData';

你正在创造＆＃34; n＆＃34;下载链接数量，只替换文件末尾的数字。例如test/data_#.zip

小提琴：http://jsfiddle.net/Lvc0u55v/5812/

如何在AngularJS中自动化上传文件进程？

2 个答案: