Question

我正在尝试使用angularJS创建一个html元素。我想这样做是因为我想从服务器上提供的客户端下载文件。我看到这样做的简单方法是使用带有href属性的html元素。这是我的代码：

        $http({
            url: '/process',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            data: appData.elements
        }).then(function sucessCallback(response) {
            //Create a link and emulate a click on it
        }, function errorCallback(response) {

        });

所以我向服务器发送请求。然后，它构建一个Android项目，目的是生成一个APK。我想通过点击元素从服务器下载这个APK。

Answer 1

创建动态<a>代码

 $http({
         url: '/process',
         method: 'POST',
         headers: {
             'Content-Type': 'application/json'
        },
            data: appData.elements
        }).then(function sucessCallback(response) {
            //Create a link and emulate a click on it
            var anchor = angular.element('<a/>');
            angular.element(document.body).append(anchor);

            //hide with css
            anchor.css({display: 'none'});

            var body = $document.find('body').eq(0);
            body.append(anchor);
            anchor.attr({
                href: data.content.fileName,
                target: '_blank',
                download: 'filename.doc'
            })[0].click();
            anchor.remove();
        }, function errorCallback(response) {

        });

如何使用angularJS创建动态标签？

1 个答案: