【问题标题】:HTML <a> download AttributeHTML <a> 下载属性
【发布时间】:2014-10-02 00:53:33
【问题描述】:

我想知道如何为像 download="false" 这样的锚标签禁用“下载”属性:

<a href="https://cdn1.iconfinder.com/data/icons/HTML5/512/HTML_Logo.png" download></a>

我有一个使用 angularjs 构建的应用程序,我期望构建的交互是,可以查看所有图像文件,但将下载任何非图像文件

我无法使用 Angular 打印我的 json“可下载”参数的值,我有一个 json,其中包含确定文件是否可下载的参数,如果它可下载,则“可下载”:“下载”,如果该文件不可下载,这意味着它是一个图像文件,可以简单地在浏览器中查看,在这种情况下,我设置了“可下载”:“”,我的锚代码是

<a href="https://cdn1.iconfinder.com/data/icons/HTML5/512/HTML_Logo.png" {{downloadable}}></a>

这不会打印“下载”代替“可下载”,但如果我尝试以下代码

<a href="https://cdn1.iconfinder.com/data/icons/HTML5/512/HTML_Logo.png" data={{downloadable}}> 

它按预期呈现,即

<a href="https://cdn1.iconfinder.com/data/icons/HTML5/512/HTML_Logo.png" data="download"></a>

【问题讨论】:

  • 只是不要使用这个属性,或者用 JavaScript 从你的锚标签中删除它
  • 按预期使用 data-* 属性可能更正确。试试 data-downloadable="true"。
  • 我将所有文件都保存在 json 中,并使用 angularjs ng-repeat 打印 html,是的,我可以编写额外的脚本来删除它,但我想打印属性下载(如果它可下载)如果不是,则不打印任何内容。这可以在 ng-repeat 在我的数组上工作的同时完成,只是 angular 无法呈现我上面解释中指出的 json 值
  • 你必须做 ng-disable 所做的事情。根据布尔条件添加/删除属性
  • 我不明白 AngularJS 如何无法读取您的 json。另外,出于语法原因,您应该修改您的可下载属性:“下载”:true 或 false 如果您想创建指令,也可以查看此链接:stackoverflow.com/questions/18711317/…

标签: json html angularjs


【解决方案1】:

按预期使用 data-* 属性可能更正确。试试 data-downloadable="true"。但是,如果您希望资源可下载,则必须自己托管它们。见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a。您不能提供他人资源的下载。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-18
    • 2018-12-24
    • 2018-09-20
    • 1970-01-01
    • 1970-01-01
    • 2020-06-16
    相关资源
    最近更新 更多