【问题标题】:Bootstrap carousel working but still shows [$compile:ctreq] in the console引导轮播工作,但仍然在控制台中显示 [$compile:ctreq]
【发布时间】:2015-12-25 22:48:50
【问题描述】:

我想在我的 angularjs 网站中使用引导轮播。旋转木马工作正常。但是我在控制台中遇到很多错误。如果从轮播中删除标记,则不会显示错误。

轮播 HTML

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner" role="listbox">
    <div class="item" ng-repeat="image in images" ng-class="{'active': $index==0}">
        <div class="container" style="width:100%;background:url('{{image.coverImage}}') no-repeat;min-height:350px;background-size:cover;background-position: center;">
        </div>
    </div>
  </div>
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

控制台出错

错误:[$compile:ctreq] http://errors.angularjs.org/1.2.28/$compile/ctreq?p0=carousel&p1=slide 在错误(本机) 在http://localhost:3000/lib/angular/angular.min.js:6:450 在 t (http://localhost:3000/lib/angular/angular.min.js:51:369) 在 J (http://localhost:3000/lib/angular/angular.min.js:54:409) 在http://localhost:3000/lib/angular/angular.min.js:61:96http://localhost:3000/lib/angular/angular.min.js:72:199 在 l.promise.then.J (http://localhost:3000/lib/angular/angular.min.js:101:96) 在 l.promise.then.J (http://localhost:3000/lib/angular/angular.min.js:101:96) 在http://localhost:3000/lib/angular/angular.min.js:102:259 在 h.a.$get.h.$eval (http://localhost:3000/lib/angular/angular.min.js:113:32)

这是什么意思?这会导致网站功能出现任何问题吗?

【问题讨论】:

标签: angularjs twitter-bootstrap


【解决方案1】:

当使用 Angular 构建时忘记引导程序的 javascript。仅使用 css。特别是在使用 ngRoute 时。它从 url 读取哈希值。对于轮播,使用 ui.bootstrap.carousel,阅读文档并查看页面上显示的示例。简单明了,不然控制台总会报错,就是轮播能用了。This is the official page 希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2020-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-04
    • 2012-03-10
    相关资源
    最近更新 更多