当前位置: 首页 > 面试题库 >

通过ng-view包含Bootstrap 3手风琴的AngularJS无法正常工作

微生新翰
2023-03-14
问题内容

问题如下:在ng-view指令中加载的视图中使用手风琴后,手风琴标题单击不再正常工作

http://plnkr.co/edit/KGwuqDIb7I5NrYCtPOPk?p=preview

如果在没有ng-view的页面中使用手风琴,则手风琴可以完美工作

http://plnkr.co/edit/8dY7JU1kxjZ2jAKmMIrP?p=预览

我缺少什么线索吗?


问题答案:

问题是Bootstrap会附加#according_namea标签内。这会触发AngularJS路由,并且由于更改路由,test.html每次在Accordian链接上单击都会再次加载该路由。

您的选择是尝试配置$locationProvider为将HTML5模式与hashbag一起使用(如果可行)

$locationProvider.html5Mode(true).hashPrefix('!');

在这里查看一些文档

其他方法是使用angular-ui组件,但尚未移植为支持bootstrap的版本3。



 类似资料:
  • 问题内容: 我刚刚开始从w3schools学习AngularJS 。我正在尝试练习教程中所提到的示例。一切正常,但是当我来到“ AngularJS Controllers”时,它在w3schools中无法正常运行,请尝试一下。我已将代码分叉到这个小提琴示例中。我的脚本如下所示: 尝试帮助我,并向我推荐一个很好的教程(或任何免费的pdf文件)。 问题答案: 这是你 纠正的小提琴 。 对于angula

  • 手风琴效果其实就是通过JS改变元素的height,然后加上transition来让css动起来。 准备HTML结构 这里我们使用 dl , 因为 dt 刚好可以模拟标题, dd 模拟内容。 <div class="panel"> <dl> <dt>One Item</dt> <dd>One Item Content .</dd>

  • 问题内容: 我有一个问题,但我无法解决。 我得到的输出是$ FB和$ F,但是此虚拟字符串仅包含列表中的一个字符串..是否还有其他方法可以完全匹配? 问题答案: 您似乎想查看是否包含一个 单词 。你可以这样做:

  • 我正在使用jQuery手风琴来隐藏一些数据。 accordion标题是一个带有一些标题的表格。有一个标题,我不希望你点击它,因为手风琴事件会触发。 所以 手风琴是可折叠的,如果您单击Test2(类nofunction),手风琴事件不应触发。但是如果您单击Test或其他表头,手风琴应该会触发事件。 我可以添加这个功能吗? 更新测试http://jsfiddle.net/e3Q8d/,包括jQuery

  • jQueryUI中的Accordion Widget是一个基于jQuery的可扩展和可折叠内容持有者,它被分成几个部分,可能看起来像标签。 jQueryUI提供了accordion()方法来实现这一点。 语法 (Syntax) accordion()方法可以使用两种形式 - $(selector,context).accordion(options)方法 $(selector, context).

  • 描述 (Description) 手风琴是一个图形控制元素,显示为堆叠的项目列表。 每个手风琴都可以expanded或stretched以显示与手风琴相关的内容。 可折叠布局 当您使用单个单独的可折叠元素时,您需要省略accordion-list包装元素。 以下是可折叠布局的结构 - <!-- Single collapsible element ------> <div class = "acc