0

Я пытаюсь вывести из массива ссылки с миникартинками с помощью 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>

1
  • Да я видел про индекс, но я не понял как его получить в ts. Я также нашел следующий способ на этом форуме. Исользовать атрибут: <div id="imgthumb_box"> <a *ngFor="let images of art2" [attr.data-sectionvalue]="11" (click)="onMini($event)"><img src="assets/articles/imgmini/{{images.pathimage}}" alt=""></a> </div> , но что-то получить значение вот так не получилось : onMini(event) { this.link = event.target.dataset.images.pathimage;; } 8 апр 2020 в 8:40

1 ответ 1

0

Переписываете сигнатуру метода 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>

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.