angularjs - Angular Bootstrap UI 轮播和 Angular 1.3.15

Question

我一直在寻找这个问题的解决方案，似乎很多人都在 Angular Bootstrap 中寻求对 Angular 1.3 的支持，似乎这个问题仍然在 github 中开放。 .

我的问题是当我使用轮播时出现以下错误:

TypeError: Cannot read property '0' of null at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:199:317

轮播在 Angular 1.2 下工作正常

代码只是一个标准的轮播

<carousel interval="carouselInterval" id="sliderControl">
            <slide>
                <div class="grid1170 stage">
                    <h2>Step 1</h2>
                    <p>some text</p>
                </div>
            </slide>
            <slide>
                <div class="grid1170 stage">
                    <h2>step2</h2>
                    <p>
                        some text
                    </p>
                </div>
            </slide>
            <slide>
                <div class="grid1170 stage">
                    <h2>step3</h2>
                    <p>
                     some text
                    </p>
                </div>
            </slide>
        </carousel>

我猜它与 ng-animate 有一些关系，因为每次幻灯片转换时都会发生错误。

有什么想法吗？

Answer 1

For carousel to work roll back to angular UI 0.12.1 
Carousel still has some issues..All the other directives work decently so far.
Currently looking at angular-slick for carousels...


you need /*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/**
 * @license AngularJS v1.4.3
 * (c) 2010-2015 Google, Inc. http://angularjs.org
 * License: MIT
 */
Taken from app.js 
  'ui.bootstrap',
  'ngAnimate',
  'ngTouch'

Taken from Index.html
 <script src="bower_components/angular-animate/angular-animate.js"></script>
 <script src="bower_components/angular-touch/angular-touch.js"></script>
 <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />