1

アプリでAngularUI-Bootstrap (特にカルーセル ディレクティブ)を使用しようとしています。

<img>Chrome、FF、Opera、IE9 では正常に動作しますが、IE8 ではタグ内にタグが表示されません<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}}">またはを使用しようとするとng-src、まったく表示されません。

他の誰かが同じ問題を抱えていますか？IE8 と 7 だけです。IE7 は重要ではありませんが、IE8 で修正する必要があります。

4

3 に答える 3

1 
<img src="{{img}}" />

角度では決して良い考えではありません

これを試してください：

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

DOES が他のブラウザーで機能する理由を説明するものではありませんが、Angular に ngSrc ディレクティブを使用させることは、一般的には良い考えです。

残念ながら、私は Linux を使用しており、IE8 にアクセスできないため、テストできません。

于 2013-03-12T20:40:08.937 に答える
1

これを修正するためのパッチがいくつか出回っています。IE8 で動作させるには、カルーセル タグではなく、このパッチと div カルーセルの使用を組み合わせて使用​​する必要がありました。

于 2013-09-09T19:35:26.563 に答える
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 に答える