在Angular 7中添加图片，通常有以下两种常见方式： 1. **通过HTML模板直接引用**： 在你的组件对应的HTML模板文件中，可以直接使用``标签引入图片资源。例如： ```html ``` 这里假设你已经将图片文件（my-image.png）放在了项目中的 `src/assets/images/` 目录下。Angular CLI会自动处理这些静态资源。 2. **通过组件类动态加载**： 如果你需要在组件类中动态设置图片路径，可以这样做： 首先，在模板中定义img标签并绑定[src]属性： ```html ``` 然后，在相应的组件类.ts文件中设置 imagePath 变量： ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', }) export class MyComponentComponent { imagePath = 'assets/images/dynamic-image.png'; } ``` 当你需要根据条件或其他逻辑动态改变图片时，只需修改 imagePath 的值即可。