Angular ng-Klick, ng-mouseover Ausdruck und mouseover

Ich stieß auf ein kleines Problem. Ich mache eine kleine Galerie und sah html wie folgt aus:Angular ng-Klick, ng-mouseover Ausdruck und 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>

Und jetzt wollte ich es immer wieder von JSON-Objekt tun, also ich etw wie dies tat:

<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>

Zum einen habe ich Mouseover, aber ich konnte {{$ index}} nicht verwenden, also habe ich ng-mouseover und ng-click gemacht. Ich weiß nicht, ob der Ausdruck falsch ist oder was.

Dank vorne :)

@edit Das Problem ist, wenn ich das Hauptbild von mypreview klicken ändert sich nicht.

@ edit2 In 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="">

So ist es die Index-Werke.

@ EDIT3 Am Anfang habe ich Fehler in der Konsole: Fehler: [$ Parse: syntax] http://errors.angularjs.org/1.4.8/ $ Parse/Syntax p0 =% 7B & p1 = ist% 20An% 20unexpected% 20token & p2 = 18 & p3 = mypreview.src 3Dimg%%% 7B 7B% 24index% 7D% 7D.src & p4 =% 7B% 7B% 24index% 7D% 7D.src

Quelle

2016-06-09 user3613919

Try

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

ersetzen

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

Quelle

2016-06-09 19:57:15 Vitalii

Das ist es nicht. – user3613919

Hate this Enter System Ok, lass uns tiefer gehen. mypreview.src = img {{$ index}}. Src Dies wird an dieser Stelle ausgewertet: mypreview.src = img1.src. Ist es in Ordnung für Ihre Daten? – Vitalii

Ja, ja. Ich sah in Firebug, dass es in Ordnung ist - – user3613919

Wenn jemand interessiert sein, würde ich dies tat:

onmouseover="mypreview.src=this.src"

Quelle

2016-06-10 00:06:03 user3613919

Angular ng-Klick, ng-mouseover Ausdruck und mouseover

Antwort

Verwandte Themen