Всем привет. Помогите решить проблему. //app-component.ts array:any[] = [{val:1},{val:2},{val:3}]; //app-component.html <chaild-component *ngFor="let data

Question

Всем привет. Помогите решить проблему. //app-component.ts array:any[] = [{val:1},{val:2},{val:3}]; //app-component.html <chaild-component *ngFor="let data

of array; index as i" [D]="data"></chaild-component>

//chaild-component.ts
@Input() D;

//chaild-component.html
{{D.val}}

//иными словами я бы хоткл получить в app-component.html?
<chaild-component> 1 </chaild-component>
<chaild-component> 2 </chaild-component>
<chaild-component> 3 </chaild-component>

#angular #frontend #javascript #programming #russian

0

22.11.2021

10 ответов

12 просмотров

Lemberg Evgeny Автор вопроса

Oleg Safonov
а где проблема?

Оно копирует компонент три раза а не создаёт три компонента отдельно.

0

22.11.2021

Oleg Safonov

Lemberg Evgeny
Оно копирует компонент три раза а не создаёт три к...

Как Вы это поняли? И что это значит?

0

22.11.2021

Lemberg Evgeny Автор вопроса

Oleg Safonov
Как Вы это поняли? И что это значит?

Если в чаилд компоненте я создам кнопку удаления текста, то при нажатии на кнопку удалить текст во всех трёх чаилдах а не отдельно в одном

0

22.11.2021

Oleg Safonov

Lemberg Evgeny
Если в чаилд компоненте я создам кнопку удаления т...

Ну так Вы покажите код то нормально. Компонент нельзя скопировать несколько раз, это разные экземпляры

0

22.11.2021

Lemberg Evgeny Автор вопроса

Oleg Safonov
Ну так Вы покажите код то нормально. Компонент нел...

В том то и дело, фор делает его как один экземпляр. Но если я жостко три раза вставлю тэг чаилда то всё работает отлично

0

22.11.2021

Oleg Safonov

Lemberg Evgeny
В том то и дело, фор делает его как один экземпляр...

Ещё раз, нет, for не делает как один экземпляр. Вы допускаете ошибку где то, без кода тут вряд ли помочь получится

0

22.11.2021

Lemberg Evgeny Автор вопроса

Oleg Safonov
Ещё раз, нет, for не делает как один экземпляр. Вы...

<chaild-component [D]="array[0]"> {{D.val}} </chaild-component> <chaild-component [D]="array[1]"> {{D.val}} </chaild-component> <chaild-component [D]="array[2]"> {{D.val}} </chaild-component> Вот так работает. А через фор они как будто связаны

0

22.11.2021

Oleg Safonov

Lemberg Evgeny
<chaild-component [D]="array[0]"> {{D.val}} </chai...

значит пользуйтесь так, раз так удобнее

0

22.11.2021

Raman Yazvinski

Lemberg Evgeny
<chaild-component [D]="array[0]"> {{D.val}} </chai...

Через for покажите, как делаете, у вас с байндингами там проблема

0

22.11.2021