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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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