Angular Bootstrap UI轮播和Angular 1.3.15

时间:2015-04-16 01:20:10

标签: angularjs angular-ui angular-ui-bootstrap

我一直在寻找这个问题的解决方案似乎很多人都要求角度引导程序支持角度1.3似乎问题仍在github中打开。

我的问题是当我使用旋转木马时出现以下错误:

  

TypeError:无法读取null的属性“0”       在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:199:317

旋转木马在角度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有一些关系,因为每次幻灯片转换都会发生错误。

任何想法?

1 个答案:

答案 0 :(得分:0)

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