Angular: как использовать несколько циклов For в таблице?
В моей базе данных формат данных такой для каждого пользователя
Array=[
{
id:4,
name:"john",
product:[
{productname:"mobile",id:1},
{productname:"airconditioners",id:2}
]
},
{
id:5,
name:"Brayden",
product:[
{productname:"coolers",id:1},
{productname:"Lights",id:2}
]
}
]
Эти данные я отображаю в таблице с помощью кнопок редактирования и удаления. Когда я нажимаю кнопку редактирования, я показываю этому пользователю id предупреждение. Но когда я нажимаю кнопку удаления, я хочу показать id и productname.
Предположим, если я нажму кнопку удаления для пользователя «Джон». Хочу показать id:4, productname:[{mobile,airconditioners}].
StackBlitz: отображение данных в таблице с использованием массива объектов в
Я попытался использовать еще один цикл for с использованием ng-container для отображения productname, но данные отображаются дважды.
Кто-нибудь может помочь?
Я попробовал то, что вы говорите ---- Удалить (пользователь) {const obj=user.product.map(user=>user.productname) alert(JSON.stringify(user.product))}. Он также показывает id. Мне нужно только название продукта, например [{название продукта:"мобильный",название продукта:"кондиционеры"}]. Я пытался разделить идентификаторы, но идентификаторы все равно отображаются.
Ну ты делаешь alert(JSON.stringify(user.product)) } не то же самое что alert(JSON.stringify(obj)) }
Да, это не то же самое, но это похоже на ['мобили', 'кондиционеры']. Я ожидаю этого [{название продукта:"мобильный",название продукта:"кондиционеры"}]
Затем вы просто перенастроите свою карту, чтобы она возвращала объект. Посмотрите, как работает отображение
Вместо того, чтобы передавать идентификатор функции удаления, просто передайте объект. Затем вы можете поиграть с этим объектом. stackblitz.com/edit/angular-m1excv