Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS UI accordion指令不适用于ng视图_Angularjs_Angular Ui Bootstrap - Fatal编程技术网

AngularJS UI accordion指令不适用于ng视图

AngularJS UI accordion指令不适用于ng视图,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我正在尝试在我的应用程序中集成AngularUI引导手风琴。如果我在没有ng view的情况下放置它,它可以正常工作,但是如果我将accordion放在其他html文件中,并通过ng路由提供程序使用ng view加载,则accordion无法工作 我引用了此链接,但对我的解决方案没有帮助 这是plunker链接。如果有人能搞定这辆车 谢谢事实上,您参考答案中给出的答案是正确的。这仅仅与模板中的A标记有关,该标记有一个您不想触发的默认操作 按以下方式更改模板: template: '&

我正在尝试在我的应用程序中集成AngularUI引导手风琴。如果我在没有ng view的情况下放置它,它可以正常工作,但是如果我将accordion放在其他html文件中,并通过ng路由提供程序使用ng view加载,则accordion无法工作

我引用了此链接,但对我的解决方案没有帮助

这是plunker链接。如果有人能搞定这辆车


谢谢

事实上,您参考答案中给出的答案是正确的。这仅仅与模板中的A标记有关,该标记有一个您不想触发的默认操作

按以下方式更改模板:

template:
    '<div class="panel panel-default">'+
    '   <div class="panel-heading">'+
    '       <h4 class="panel-title"><span  data-toggle="collapse" class="accordion-toggle">{{title}}</span></h4>'+
    '   </div>'+
    '   <div class="panel-collapse collapse">'+
    '       <div class="panel-body" ng-transclude>'+
    '       </div>'+
    '   </div>'+
    '</div>',
模板:
''+
'   '+
“{{title}}”+
'   '+
'   '+
'       '+
'       '+
'   '+
'',
用一个跨距、一个标签或一个按钮来代替a。一切正常

看到这个分叉了吗


您现在可以使用一些额外的css来实现一些悬停效果。

您在哪里使用过Angular UI引导?你似乎已经宣布了你自己的指令。另外,改进你的问题-描述“不起作用”。+1这是绝对正确的,我正要发布这个确切的解决方案。锚定标记正在更改您可以通过观看
$locationChangeSuccess
看到的路径,从而使
ngRoute
认为您位于不同的页面上。我尝试了此操作,但无效,我使用的是angularui引导指令。我的html文件在不同的文件夹中。当我将accordion代码放在根文件中时,它工作正常,但当我将相同的代码放在另一个文件夹/view/partials/test.html中时,它不工作,并且控制台中不会显示错误。是否要将accordion的js代码包含在部分html文件中,以便在视图更改时加载和卸载它?或者你想要一个像accordion_directive.js这样的东西,它只是位于一个子文件夹中?我觉得有点混乱,让我用一种更好的方式来澄清它。我使用的是AngularUI引导手风琴()。它提供了一个.js文件,其中所有指令都是预定义的,并提供了一个包含html文件的模板文件夹。因此,当我加载所有文件并从根文件直接调用该指令时,它可以工作,但如果我从子文件夹的某个位置调用相同的指令,它将无法工作。我希望这是有意义的。你能使用Firebug控制台或网络统计数据之类的工具来找出是否有东西没有加载/找到吗?可能找不到模板?不了解文件夹布局、一个完全误导性的示例和一个表述糟糕的问题很难判断。