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

【问题标题】：How do I control whether a HTML5 details tag is open or not with AngularJS如何使用 AngularJS 控制 HTML5 详细信息标签是否打开
【发布时间】：2013-02-08 10:17:48
【问题描述】：

The HTML details tag 是可折叠的内容块。您通过编写声明一个关闭（折叠）的详细信息标签

<details>Some stuff</details>

还有一个通过书写打开（扩展）的

<details open>Some stuff</details>

我们如何使用 Angular 动态地添加和删除标签的属性（在本例中是 open 属性）？

【问题讨论】：

您可能必须编写自己的指令来处理这个问题。
您可能会对查看ngDisabled 和相关指令的详细信息感兴趣：docs.angularjs.org/api/ng.directive:ngDisabled 它们是为解决相同类型的问题而构建的，您可能会将指令基于代码对于那些

标签： html angularjs details-tag

【解决方案1】：

你只需要像这样使用ngOpen：

<details ng-open="boolean">

【讨论】：

【解决方案2】：

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

但除此之外，正如@Tim Withers 所说，您应该寻求构建一个允许您更改它的指令。具体取决于您希望添加/删除属性的确切方式和时间。

【讨论】：