angular-ui IE8手風琴

Question

在IE8中使用Angular-UI bootstrap手風琴，標簽不會擴展。 這是我使用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}}"> 

有沒有人有類似的問題，能夠解決它？

Answer 1

看起來主要問題是IE不喜歡<accordion>使用<div accordion></div>

Answer 2

IE8無法識別自定義元素。 如果你需要使用accordion指令作為元素而不是屬性，你必須定義元素，以便IE不會抱怨。 這個簡單的腳本可以解決問題。

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

否則，只需在其屬性表單中使用該指令即可。

Answer 3

我剛剛遇到的另一個問題是你不能把ng控制器和ie8中的<div accordion>放在同一個元素上。 我想了很多關於錯誤的追蹤和錯誤。

我不得不更換

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

同

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