Javascript angular ui引导升级1.3.3至2.0.0缺少uibAccordionGroup控制器
今天,我将AngularUI引导包从1.3升级到2.0,它抛出了下面的错误 错误:[$compile:ctreq]控制器“uibAccordionGroup”,是必需的 找不到指令“uibAccordionHeading”! $compile/ctreq?p0=uibAccordionGroup&p1=uibAccordionHeading 这是代码的受影响部分:Javascript angular ui引导升级1.3.3至2.0.0缺少uibAccordionGroup控制器,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,今天,我将AngularUI引导包从1.3升级到2.0,它抛出了下面的错误 错误:[$compile:ctreq]控制器“uibAccordionGroup”,是必需的 找不到指令“uibAccordionHeading”! $compile/ctreq?p0=uibAccordionGroup&p1=uibAccordionHeading 这是代码的受影响部分: <div> <uib-accordion> <uib-accordion-gr
<div>
<uib-accordion>
<uib-accordion-group is-open="true">
<uib-accordion-heading>
{{vm.moduleMenu.name}}<i class="pull-right glyphicon"></i>
</uib-accordion-heading>
<div>... other content...</div>
</uib-accordion-group>
</uib-accordion>
</div>
{{vm.moduleMenu.name}
... 其他内容。。。
到目前为止,我是如何解决这个问题的:
- 我检查了是否包含正确的文件->很好
- 我检查了新的源代码,看看指令的名称是否已经更改——没有,应该可以工作
- 我搜索了uibAccordionGroup控制器,但没有找到它
- 我将标题移回uib accordion组标记中-错误消失,但没有应用样式,只显示标题文本
- 我删除了uib手风琴标题,结果与上面相同,显示了手风琴的内容,但没有应用任何样式
- 角度1.5.7
- 角度用户界面2.0.0
谢谢,在v2.0.0中,
uib手风琴组现在是一个属性而不是元素。你可以在照片上看到。将其更改为
将有助于解决此错误。之所以出现此错误,是因为angular ui引导的语法已从1.3版略微更改为2.0版
以下是网站上手风琴示例的摘录:
<uib-accordion close-others="oneAtATime">
<div uib-accordion-group class="panel-default" heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
This content is straight in the template.
</div>
<div uib-accordion-group class="panel-default" heading="{{group.title}}" ng-repeat="group in groups">
{{group.content}}
</div>
<div uib-accordion-group class="panel-default" heading="Dynamic Body Content">
<p>The body of the uib-accordion group grows to fit the contents</p>
<button type="button" class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>
<div ng-repeat="item in items">{{item}}</div>
</div>
<div uib-accordion-group class="panel-default" heading="Custom template" template-url="group-template.html">
Hello
</div>
<div uib-accordion-group class="panel-default" is-open="status.isCustomHeaderOpen" template-url="group-template.html">
<uib-accordion-heading>
Custom template with custom header template <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.isCustomHeaderOpen, 'glyphicon-chevron-right': !status.isCustomHeaderOpen}"></i>
</uib-accordion-heading>
World
</div>
<div uib-accordion-group class="panel-danger" heading="Delete account">
<p>Please, to delete your account, click the button below</p>
<button class="btn btn-danger">Delete</button>
</div>
<div uib-accordion-group class="panel-default" is-open="status.open">
<uib-accordion-heading>
I can have markup, too! <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
</uib-accordion-heading>
This is just some content to illustrate fancy headings.
</div>
此内容在模板中是直接的。
{{group.content}
uib手风琴组的主体会随着内容的增长而增长
添加项
{{item}}
你好
带有自定义页眉模板的自定义模板
世界
请单击下面的按钮删除您的帐户
删除
我也可以有标记!
这只是一些用来说明奇特标题的内容。
请注意,手风琴组现在是一个属性,而不是元素
这应该可以解决您的问题。自2.0.0以来,uibacordion
和uibacordiongroup
指令的使用仅限于A
(属性)。看见它们应该被用作uib手风琴
,uib手风琴组
作为属性指令等等
我想说的是,无论何时您想要将任何库升级到其最新版本,都可以参考他们的github repo。这样你就不必问你当前的更新出了什么问题。为什么被否决了?我猜有人认为这个问题没有显示研究结果,因为像代码回购和变更日志这样的东西可以很容易地解释这个问题。毕竟,在升级主要版本(有时甚至是次要版本)时,挖掘变更日志是最好的做法。谢谢你的回答!发行说明和变更记录都在我的清单上。谢谢,我可以看一整晚才能弄清楚。