这里
我想输出一系列的图像，但什么也没有出来，为什么？

<ul>
  <li *ngFor ="let read of books">
    <a >
    <img src='{{read}}' alt="">
    </a>
  </li>
</ul>

export class HomeComponent implements OnInit {

  books:String[] = [];
  constructor(private bookService:BookService) { }

  ngOnInit(): void {
    this.books = this.bookService.getAll();
  }

}

export class BookService {

  constructor() {
  }

  getAll(): String[] {
    return [
      'src/assets/images/books/book-1.jpg',
      'src/assets/images/books/book-1.jpg',
      'src/assets/images/books/book-1.jpg',
    ]
  }
}

将显示一个空窗口
我更改了图像的路径，但找不到其他选项