Angular 2 привязка данных

Question

Я пытаюсь вывести из массива ссылки с миникартинками с помощью ngFor, и есть второй фрагмент кода, который по клику на маленькую картинку должен подгрузить соответствующую ей большую(в коде переменная art1 это ссылка на картинке которая собирается в файле ts) . Массив миникартинок я вывел, а как передать в код параметр, который будет идентифицировать определенную картинку сообразить не могу.

         <div id="imgthumb_box">
            <div *ngFor="let images of art2" >
              <a  (click)="onMini()" ><img src="assets/articles/imgmini/{{images.pathimage}}" alt="" ></a>
            </div>
          </div>
          <div id="img_box">
            <img id="img1" src="{{art1}}" alt="">
            <div style="clear:both;"></div>
          </div>

Answer 1

Переписываете сигнатуру метода onMini() таким образом onMini(index : number) так вы сможете получить доступ к индексу изображения по которому совершен клик.

         <div id="imgthumb_box">
            <div *ngFor="let images of art2; index as i" >
              <a  (click)="onMini(i)" ><img src="assets/articles/imgmini/{{images.pathimage}}" alt="" ></a>
            </div>
          </div>
          <div id="img_box">
            <img id="img1" src="{{art1}}" alt="">
            <div style="clear:both;"></div>
          </div>

БЛОГ НА HUSL

Angular 2 привязка данных

Ответы (1 шт):