Как выбрать часть моего массива для границы css?
Мне нужно создать границу вокруг каждого из этих трех контактов, итого три границы. Я использую angular / Typescript. Мне нужно вставить код границы в файл css в моем проекте. Спасибо!
import { Injectable } from '@angular/core';
import { Contact } from '../models/contact';
@Injectable({
providedIn: 'root'
})
export class ContactsService {
contacts: Contact[] = [
{
firstName: 'John',
lastName: 'Doe',
phoneNumber: '1234567890',
email: '[email protected]'
},
{
firstName: 'Killiam',
lastName: 'Jones',
phoneNumber: '0987654321',
email: '[email protected]'
},
{
firstName: 'Emma',
lastName: 'Swan',
phoneNumber: '35715948620',
email: '[email protected]'
}
];
constructor() {}
}
@CharuMaheshwari Не уверен, что вы имеете в виду? Было бы легко, если бы я мог выбрать каждый из этих контактов и назначить им новый класс или идентификатор, но я не могу. Вы можете показать мне правильный синтаксис?
См. Следующий ответ, если вы этого хотите.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Попробуйте использовать приведенный ниже фрагмент кода. Я имел в виду это.
<style>
.contact-detail {
border: solid 1px red;
}
</style>
<div *ngFor = "let contact of contacts" class = "contact-detail">
{{contact.firstName}}
{{contact.lastName}}......
</div>
ОЙ! Отличная идея не придумал. Я сделал этот фрагмент. На удивление это сработало, так как между каждым из массивов p {background-color: помидор; запятые; цвет белый; отступ: 10 пикселей; выравнивание текста: центр; семейство шрифтов: Arial, Helvetica, sans-serif; тип-стиль-список: нет; }
Привет .. @ SethVanHaelst, не уверен, что получил ответ на свой вопрос или нужна дополнительная помощь?
Вы должны рисовать эти массивы в своем представлении. Итак, в идеале вам нужно будет применить Css к элементам DOM.