angular-ui IE8 手风琴答案

【问题标题】：angular-ui IE8 accordionangular-ui IE8 手风琴
【发布时间】：2013-12-13 21:53:20
【问题描述】：

在 IE8 中使用 Angular-UI 引导手风琴时，选项卡不会展开。这是我使用 IE 8 的 F12 收到的错误

 Error: Unexpected call to method or property access.undefined 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}"> 
 Error: No controller: accordion<div class="accordion-group ng-scope" ng-repeat="c in categories" heading="{{c.Name}}">

有没有人遇到过类似的问题并且能够解决？

【问题讨论】：

我们可以查看您的代码吗，或者您可以在 jsfiddle 或 plunker 上重现该问题吗？
当然，这是我提取的内容....仍然有同样的问题，但预期的手风琴标签较少loganweilenman.com/accordion-test/test-accordion.html
在此处查看解决方案：stackoverflow.com/questions/15590746/…

标签： angularjs angularjs-directive angular-ui angular-ui-bootstrap

【解决方案1】：

看起来主要问题是 IE 不喜欢 <accordion> 而使用 <div accordion></div>

【讨论】：

【解决方案2】：

IE8 无法识别自定义元素。如果您需要将accordion 指令用作元素而不是属性，则必须定义该元素，这样IE 就不会抱怨。这个简单的脚本就可以解决问题。

<script type="text/javascript">
    document.createElement('accordion');
    document.createElement('accordion-group');
    document.createElement('accordion-heading');
</script>

否则，只使用其属性形式的指令。

【讨论】：

【解决方案3】：

我刚刚遇到的另一个问题是您不能将 ng-controller 放在与 ie8 中的 <div accordion> 相同的元素上。我花了很多时间来弄清楚这一点。

我不得不更换

<div accordion ng-controller="MyCtrl">
    ...
</div>

与

<div ng-controller="MyCtrl">
    <div accordion>
        ...
    </div>
</div>

【讨论】：