angular-ui Fisarmonica IE8

Question

Utilizzando la fisarmonica bootstrap Angular-II in IE8 le schede non si espandono. Qui è l'errore che sto ricevendo utilizzando F12 di IE 8

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}}"> 

Qualcuno ha avuto un problema simile e stato in grado di risolverlo?

Answer 1

Sembra che il problema principale è stato IE non gradire <accordion> usato <div accordion></div> invece

Answer 2

Un'altra Gotchya che ho appena incontrato è che non si può mettere il ng controller sullo stesso elemento di <div accordion> in IE8. Mi sono preso un sacco di errori ed errori per capirlo.

ho dovuto sostituire

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

con

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

Answer 3

IE8 non riconoscerà gli elementi personalizzati. Se è necessario utilizzare la direttiva accordion come elemento anziché un attributo, è necessario definire l'elemento in modo che IE non si possa lamentare. Questo semplice script farà il trucco.

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

Altrimenti, basta usare la direttiva nella sua forma di attributo.