Bir görüntünün src'sini ng-modeline bağlama ve Angular'da nasıl ayıklama?

Question

Bir resmin kaynağını başka bir resmin kaynağına bağlamak istiyorum. uç sonucunda

, büyük bir görüntü kaynağı tıklandığında daha küçük (küçük) görüntünün src bağlı olması. Bu ng-modelini kullanarak mümkün mü? İşte

Ben

 <div> 
      <img ng-src="{{selectedImg.src}}"> 
     </div> 

     <div> 
      <ul ng-repeat="thumb in franchises"> 
       <li> 
        <img ng-src="{{thumb.images[0].list}}" ng-model="selectedImg"> 
       </li> 
      </ul> 
     </div> 

Answer 1

kullanarak yapabileceğini bu var ng tıklama:

<div> 
    <img ng-src="{{selectedImg.src}}" alt="{{slide.images[0].list}}"> 
</div> 

<div> 
    <ul ng-repeat="thumb in franchises"> 
     <li> 
      <img ng-src="{{thumb.images[0].list}}" 
       alt="{{thumb.images[0].list}}" 
       ng-click="selectedImg.src = thumb.images[0].list" /> 
     </li> 
    </ul> 
</div> 

Ama böyle controller içerisinde bir nesne olarak selectedImg tanımlamak zorunda:

Answer 2

$scope.selectedImg = {}; 

yalnızca ng-m girişler, seçme ve textareas bağlayabilir, Açısal Dokümanlar göre, sorunuzu yanıtlamak için odel veya özel form kontrolü.

Ne muhtemelen yapmak istiyorum şudur: Yani gerçekten bir ng ile img bağlamak olamaz

https://jsfiddle.net/4fz4nx1k/2/

<img ng-src="{{thumb.images[0].list}}" ng-click="selectedImg.src = thumb.images[0].list" > 

(Saulo Lozano ng tıklama ile tıpkı ne olduğunu) -model bu şekilde. Ayrıca, ng-tekrarı içine bir ng-model koyabilseydiniz, ng-tekrar koleksiyonunun tüm tekrarlanan değerlerinde aynı "model değerini" alırdınız.