Question

我需要在这三个联系人的每一个周围创建一个边框，所以总共需要三个边框。我正在使用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: 'John.Doe@example.com'
  },
 {
    firstName: 'Killiam',
    lastName: 'Jones',
    phoneNumber: '0987654321',
    email: 'Killiam.Jones@example.com'
  },
 {
   firstName: 'Emma',
   lastName: 'Swan',
   phoneNumber: '35715948620',
   email: 'Emma.Swan@example.com'
 }
 ];
 constructor() {}
 }

Answer 1

请尝试使用以下代码段。我是这个意思。

 <style>
    .contact-detail {
       border: solid 1px red;
    }
    </style>
     <div *ngFor="let contact of contacts" class="contact-detail">
        {{contact.firstName}}
        {{contact.lastName}}......
     </div>

如何为CSS边框选择数组的一部分？

1 个答案: