html - 如何使用 AngularJS 控制 HTML5 详细信息标签是否打开

标签 html angularjs html-tag-details

The HTML details tag是可折叠的内容 block 。您可以通过编写来声明关闭(折叠)详细信息标签

<details>Some stuff</details>

通过书写打开(扩展)一个

<details open>Some stuff</details>

我们如何使用 Angular 动态添加和删除标签中的属性(在本例中具体为 open 属性)?

最佳答案

鉴于<details>许多浏览器不支持 标签,您可能需要考虑使用其他浏览器。 This link展示了如何创建与 <details> 等效的内容标签适用于所有主流浏览器。

但除此之外,正如 @Tim Withers 所说,您应该构建一个允许您更改此设置的指令。具体细节取决于您期望添加/删除属性的方式和时间。

关于html - 如何使用 AngularJS 控制 HTML5 详细信息标签是否打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15030247/

相关文章:

html - 细节标签周围的边框

javascript - 使用 HTML/CSS/Javascript 绘制基本形状

ios - 用 anchor 在uiwebview中加载本地html5

javascript - 使用 Angular $resource 执行获取请求时出错

html - 如何使 <details> 在鼠标悬停时下拉

html - 如何居中图像,同时将文本对齐到图像的右侧?

javascript - 可以将警报转为 HTML 页面吗?

javascript - 以编程方式导航页面,但地址栏 URL 不会更改

angularjs - 如何使用 AngularJS 过滤器将表搜索结果默认为隐藏?