首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS指令ngOpen可以用于手风琴组件吗?

AngularJS指令ngOpen可以用于手风琴组件吗?
EN

Stack Overflow用户
提问于 2014-08-18 18:13:52
回答 1查看 1.2K关注 0票数 0

除了与details标记一起使用AngularJS指令ngOpen之外,还有什么意义?

我正在尝试创建一个手风琴组件,但是我不确定它是否有帮助,因为除了details标记之外,我一直无法使用它。

代码语言:javascript
复制
<body ng-app="">
    Check me check multiple: <input type="checkbox" ng-model="open"><br/>
  <details id="details" ng-open="open">
     <summary>Show/Hide me</summary>
  </details>
</body>
EN

回答 1

Stack Overflow用户

发布于 2014-08-18 18:30:09

ngOpen指令的目的是保留与细节元素一起使用的开放属性

来自文档

HTML规范不要求浏览器保留布尔属性(如open )的值。(他们的存在意味着真实,而他们的缺席则意味着虚假。)如果我们在这样一个属性中放置一个角插值表达式,那么当浏览器删除该属性时,绑定信息就会丢失。ngOpen指令解决了开放属性的这个问题。此补充指令不会被浏览器删除,因此提供了一个永久可靠的位置来存储绑定信息。

opendetails都不是特定于角度的。这是完全有效的html:

代码语言:javascript
复制
<details open>
    <summary>Section Header</summary>
    Section Content
</details>

刚添加了ngOpen来帮助绑定。

注意事项:这是一个实验特性,是不支持所有浏览器

P.S. --如果你想实现手风琴或折叠功能,我建议使用引导UI,它为两种浏览器都提供了角度指令。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25369552

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档