ng-repeat中的$ index未被替換angularjs

我正在使用ng-repeat填充圖像列表。我需要使用$ index來命名圖像，並使用它來替換預覽div的src。 $ index在鼠標懸停部分沒有替換，而在名稱部分替換它。可能是什麼原因以及如何糾正它。

<img onmouseover="preview.src=img{{$index}}.src" name="img{{$index}}" src="{{image.SMALL_PATH}}" alt="" ng-repeat="image in images | filter:query"/> 



<div class="preview" align="center"> 
    <img name="preview" src="images/img1.jpg" alt=""/> 
</div>

來源

2015-09-14 user2696466

建議你多學習一些角度教程。不要嘗試在角度視圖中混合本地事件。上下文是完全不同的 – charlietfl

使用ng-src和ng-mouseover您的片段將

<img data-ng-mouseover="preview.src=image.src" name="image.name" data-ng-src="image.SMALL_PATH" alt="" ng-repeat="image in images | filter:query"/>

來源

2015-09-14 17:27:52 Vineet

我的問題是在name =「img {{$ index}}」轉換爲name =「img0」，但在mouseover部分中沒有發生 – user2696466

您應該使用'data-ng-mouseover'而不是'mouseover'。它不會像你期待的那樣工作。 – Vineet

'onmouseover'絕對不會工作...更不用說'preview'是undefined – charlietfl

ng-repeat中的$ index未被替換angularjs

回答

相關問題