Javascript angular ui引导升级1.3.3至2.0.0缺少uibAccordionGroup控制器

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

今天,我将AngularUI引导包从1.3升级到2.0,它抛出了下面的错误

错误:[$compile:ctreq]控制器“uibAccordionGroup”,是必需的 找不到指令“uibAccordionHeading”! $compile/ctreq?p0=uibAccordionGroup&p1=uibAccordionHeading

这是代码的受影响部分:

<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。这样你就不必问你当前的更新出了什么问题。

为什么被否决了?我猜有人认为这个问题没有显示研究结果,因为像代码回购和变更日志这样的东西可以很容易地解释这个问题。毕竟,在升级主要版本(有时甚至是次要版本)时,挖掘变更日志是最好的做法。谢谢你的回答!发行说明和变更记录都在我的清单上。谢谢,我可以看一整晚才能弄清楚。