Angularjs 如何修复引导转盘';网间距';错误
我使用引导旋转木马来浏览从外部API引入的数据。API数组中的第一个元素显示在转盘上,但当我按下“下一步”或“上一步”箭头按钮时,屏幕会闪烁,并出现以下错误:Angularjs 如何修复引导转盘';网间距';错误,angularjs,twitter-bootstrap,angularjs-ng-repeat,carousel,offsetwidth,Angularjs,Twitter Bootstrap,Angularjs Ng Repeat,Carousel,Offsetwidth,我使用引导旋转木马来浏览从外部API引入的数据。API数组中的第一个元素显示在转盘上,但当我按下“下一步”或“上一步”箭头按钮时,屏幕会闪烁,并出现以下错误:Uncaught TypeError:无法读取未定义的属性“offsetWidth” 这个错误是什么意思?我如何修复它?起初,我认为这意味着它无法读取还不存在的数据,因为API数据需要太长时间才能获取,但这不可能是真的,因为第一张幻灯片显示得很好 以下是我的html(如果有帮助): <div id="myCarousel" class
Uncaught TypeError:无法读取未定义的属性“offsetWidth”
这个错误是什么意思?我如何修复它?起初,我认为这意味着它无法读取还不存在的数据,因为API数据需要太长时间才能获取,但这不可能是真的,因为第一张幻灯片显示得很好
以下是我的html(如果有帮助):
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li ng-repeat="item in slides" data-target="#myCarousel" data-slide-to="item" ng-class="{active : $first}"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item" ng-class="{active : $first}" ng-repeat="item in slides">
<img class="first-slide" ng-src="{{item.media[0]['media-metadata'][0].url}}" alt="First slide">
<div class="container">
<div class="carousel-caption">
<h1>{{item.title}}</h1>
<p>{{item.main}}</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
</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><!-- /.carousel -->
{{item.title}
{{item.main}
我的回答可能太晚了,但可能会帮助将来需要帮助的人。在存在class=“carousel slide”的代码的第一行中,必须用class=“carousel”ng class=“slides.length?”slide':''替换,以确保仅当项目存在时才添加幻灯片效果
<div id="myCarousel" class="carousel" ng-class="slides.length?'slide':''" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li ng-repeat="item in slides" data-target="#myCarousel" data-slide-to="item" ng-class="{active : $first}"></li>
</ol>