Javascript 条件上的Html href属性

我不熟悉

网络开发

。我使用的是

angular js

。在这里，我有一个功能，比如，当我点击一个按钮时，我会从后端得到一个响应，如果这是真的，那么我会将该按钮更改为下载按钮。因此，在点击这个之后，我正在进行一个ajax调用，通过它我得到一个

url

，我可以下载相应的文件。因此，我在这里使用

href

来下载文件。因此，我关心的是，当我点击下载时，只有它应该获得该url，并且使用

href

应该下载文件

我的代码是-

HTML-

<button class="btn btn-labeled  btn-info" title= "{{ isAvaliable ? 'Download' : 'click to track'}}" ng-disabled="!file.processed" data-ng-click="performAction(file.attributes.name,file.attributes.cn, isAvaliable)">
         <a ng-href="{{url}}" target="_blank" ></a>
        <i ng-class="isAvaliable ? 'fa fa-download' : 'glyphicon glyphicon-text-width'" aria-hidden="true"></i>
</button>

---

因此，由于href和downloadButton，我遇到了一些问题。那么，我如何在下载时调用函数单击并获取URl，同时获取该URl并在href中使用它，以便它也可以下载文件呢

Href

和

downloadButton

的用途相同。请提前感谢。

您只需在按钮中添加下载属性即可

<button class="btn btn-labeled  btn-info" title= "{{ isAvaliable ? 'Download' : 'click to track'}}" ng-disabled="!file.processed" data-ng-click="performAction(file.attributes.name,file.attributes.cn, isAvaliable)" ng-click=“downloadfile
({{url}})”>
         <!— <a ng-href="{{url}}" target="_blank" ></a> —>
        <i ng-class="isAvaliable ? 'fa fa-download' : 'glyphicon glyphicon-text-width'" aria-hidden="true"></i>
</button>

---

希望这对您有所帮助

尝试下面的方法。不要混在一起

$scope.Download=函数（）{
//其他代码
window.open（$scope.url）；
}

您是否介意删除水平侧边栏并修复您的拼写？请选中Href atribute“下载”。。。它可以将链接（href src）下载到您的电脑中。$scope.performAction函数还具有下载函数调用。我之所以调用这两个函数，是因为我有一个按钮，一开始它就像track，所以它会调用moveTofolder方法。然后在此基础上，如果它成功移动，那么它会将相同的轨迹按钮更改为下载按钮。现在，在这次单击中，首先我需要获取Url，然后我想下载文件。因此，我想在同一次单击中执行两个操作。因此，这里您添加了两次ng click。您也可以将ng click添加到标记中。我已更新了我的downloadFile方法，好像我没有明白你想说什么。实际上问题是相同的按钮变成了下载按钮。首先我调用download方法来获取url，然后我将该url用作href中的链接。然后使用ng show/hide。。获取链接后，您需要哪个按钮，只需显示它即可。我们不需要两次单击。您可以在一次单击中进行更多函数调用。请看我的更新按钮代码工作正常，但唯一关心的是window.open（$scope.url），它会在几微秒内更改一个窗口。

<button class="btn btn-labeled  btn-info" title= "{{ isAvaliable ? 'Download' : 'click to track'}}" ng-disabled="!file.processed" data-ng-click="performAction(file.attributes.name,file.attributes.cn, isAvaliable)" ng-click=“downloadfile
({{url}})”>
         <!— <a ng-href="{{url}}" target="_blank" ></a> —>
        <i ng-class="isAvaliable ? 'fa fa-download' : 'glyphicon glyphicon-text-width'" aria-hidden="true"></i>
</button>

$scope.downloadfile = function(fileName) {
                //here I am calling a service and I am getting a responce which contains a url.
            $scope.$emit('download-start');

            $http.get(fileName).then(function(response) {
                $scope.$emit('downloaded', response.data);
            });

                    $scope.url =  responce.data;
               }

<a ng-href="{{url}}" ng-click="Download()" ></a>

$scope.Download = function(){
//some other code
window.open($scope.url);
}



 <button class="btn btn-labeled  btn-info" title= "{{ isAvaliable ? 'Download' : 'click to track'}}" ng-disabled="!file.processed" data-ng-click="performAction(file.attributes.name,file.attributes.cn, isAvaliable);downloadfile
(url)">

        <i ng-class="isAvaliable ? 'fa fa-download' : 'glyphicon glyphicon-text-width'" aria-hidden="true"></i>
</button>