Angular ng-click，ng-mouseover表達式和mouseover

我遇到了一個小問題。我想提出一個小畫廊，看到HTML這樣的：Angular ng-click，ng-mouseover表達式和mouseover

<div class="thumbnails"> 
    <img onmouseover="preview.src=img1.src" name="img1" src="images/img1.jpg" alt=""/> 
    <img onmouseover="preview.src=img2.src" name="img2" src="images/img2.jpg" alt=""/> 
    <img onmouseover="preview.src=img3.src" name="img3" src="images/img3.jpg" alt=""/> 
    <img onmouseover="preview.src=img4.src" name="img4" src="images/img4.jpg" alt=""/> 
    <img onmouseover="preview.src=img5.src" name="img5" src="images/img5.jpg" alt=""/> 
</div><br/> 

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

現在我想從JSON對象反覆做，所以我做了某事像這樣：

<div class="mythumbnails"> 
     <img ng-click="mypreview.src=img{{$index}}.src" src="data:image/png;base64,{{x}}" name="img{{$index}}" ng-repeat="x in data.gallery" alt=""/> 
    </div><br/> 


    <div class="mypreview" align="center"> 
     <img name="mypreview" src="data:image/png;base64,{{ data.gallery[0] }}" alt=""/> 
    </div>

首先，我做了鼠標懸停，但我無法使用{{$ index}}，所以我做了ng-mouseover和ng-click。我不知道表達是錯誤的還是什麼。

由於前面:)

@edit 問題是，當我點擊從mypreview主畫面不會改變。

@ EDIT2 在Firebug中：

<img class="ng-scope" ng-click="mypreview.src=img4.src" src="data:image/png;base64,..." name="img4" ng-repeat="x in data.gallery" alt="">

因此，該指數的作品。

@ EDIT3 在開始的時候我得到了在控制檯錯誤：錯誤：[$解析：語法] http://errors.angularjs.org/1.4.8/ $解析/語法P0 =％7B & P1 =爲％20AN％20unexpected％20token & P2 = 18點& P3 = mypreview.src％3Dimg％7B％7B％24index％7D％7D.src & P4 =％7B％7B％24index％7D％7D.src

來源

2016-06-09 user3613919

嘗試更換

src="data:image/png;base64,{{ data.gallery[0] }}"

到

data-ng-src="data:image/png;base64,{{ data.gallery[0] }}"

來源

2016-06-09 19:57:15 Vitalii

這是不是。 – user3613919

討厭這個輸入系統好吧，讓我們走得更深。 mypreview.src = img {{$ index}}。src 這將對此進行評估：mypreview.src = img1.src。你的數據可以嗎？ – Vitalii

是的，是的。我看到在螢火蟲，它是好的 - – user3613919

如果有人有興趣我這樣做：

onmouseover="mypreview.src=this.src"

來源

2016-06-10 00:06:03 user3613919

Angular ng-click，ng-mouseover表達式和mouseover

回答

相關問題