1

我正在尝试在我的应用程序中使用AngularUI-Bootstrap（尤其是 carousel 指令）。

它在 Chrome、FF、Opera 和 IE9 中运行良好，但在 IE8 中它不显示<img>标签内的<slide>标签（或者在我的情况下<div slide></div>）。 

<div carousel interval="5000">
    <div ng-repeat="image in dealerdetails.images" active="slide.active" slide>
        <img src="{{image}}" />
    </div>
</div>

当我只显示{{image}}m它时，它会显示我的图像的路径。这是正确的，但如果我尝试使用<img src="{{image}}">or with ng-src，它根本不会显示。

还有其他人有同样的问题吗？它只是在 IE8 和 7 中。IE7 并不重要，但我必须在 IE8 中修复它。

4

3 回答 3

1

有一些补丁可以解决这个问题。我必须结合使用这个补丁并使用 div carousel 而不是 carousel 标签才能让它在 IE8 中工作。

于 2013-09-09T19:35:26.563 回答
1 
<img src="{{img}}" />

角度从来都不是一个好主意

试试这个：

<img ng-src="{{img}}" />

这并不能解释为什么 DOES 可以在其他浏览器中工作，但是让 angular 使用 ngSrc 指令来做它的事情通常是一个好主意

不幸的是，我在 Linux 上并且没有 IE8 访问权限，所以我无法为您进行测试。

于 2013-03-12T20:40:08.937 回答
0

这对我有用：（仅在此页面中使用 jquery-1.10.2，并且在图像之前使用 div 父级）

                 <script src="//code.jquery.com/jquery-1.10.2.js"></script>

                 <div carousel interval="3000">
                  <div slide ng-repeat="slide in slides" active="slide.active">
                    <div style="text-align: center; align: center">
                        <img src="/img/articles/{{slide.image}}" alt="{{slide.title}}"  style="margin: auto; text-align: center; align: center"/>
                    </div>          
                    <div class="carousel-caption">
                      <p>{{slide.tittle}}</p>
                      <p>{{slide.content}}</p>
                    </div>
                  </div>
                </div>
于 2013-12-20T12:10:45.653 回答