如何让[attr.src]在angular 9中工作？

在Angular 9中，使用[attr.src]来设置HTML元素的src属性可以通过以下几个步骤来实现：

1. 首先，在你的组件类中引入ElementRef和ViewChild，这两个是Angular提供的用于处理DOM操作的类：

import { Component, ElementRef, ViewChild } from '@angular/core';

1. 在组件类中使用ViewChild装饰器来获取HTML元素的引用。假设你要获取一个img元素，可以这样做：

@ViewChild('myImg') myImg: ElementRef;

这里的'myImg'是你在HTML模板中给img元素定义的标识符。

1. 在模板中给img元素添加属性绑定，将[attr.src]绑定到一个组件类中的变量上：

<img #myImg [attr.src]="imageUrl" alt="My Image">

这里的imageUrl是你组件类中定义的一个变量，用来存储图片的URL。

1. 在组件类中定义并初始化imageUrl变量，用来存储图片的URL：

imageUrl: string = 'https://example.com/my-image.jpg';

你可以将图片的URL替换成你实际使用的图片URL。

1. 最后，在组件类中使用ngAfterViewInit()生命周期钩子函数来确保在视图加载完成后再设置img元素的src属性：

ngAfterViewInit() {
  this.myImg.nativeElement.src = this.imageUrl;
}

这样，在视图加载完成后，Angular会自动将this.imageUrl的值赋给img元素的src属性。

需要注意的是，[attr.src]方式仅在Angular的属性绑定中使用。如果你希望动态改变img元素的src属性，还可以使用双大括号插值表达式{{}}或者ngBind属性绑定来实现。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）

• 腾讯云云服务器（CVM）：提供全面弹性的云端计算能力，适用于各类应用场景，具备高性能、高可靠、弹性伸缩等特点。了解更多：腾讯云云服务器（CVM）
• 腾讯云对象存储（COS）：提供安全、持久、高可靠的对象存储服务，适用于海量数据存储、大规模网站、移动应用等场景。了解更多：腾讯云对象存储（COS）

请注意，这只是一种方法，如果你对Angular 9有其他疑问或需要更多帮助，请提供具体的问题描述，我将尽力给出更全面的答案。