ng 图片的引用

对于图片的引用有两种类型

  1. 本地
  2. 业务逻辑中(使用url)

本地中图片需要存放在静态资源夹assets中下新建的文件夹images文件夹中

eg:images文件夹中有一张01.png 的图片

  显示本地图片

  html中

    <div>
      <p><img src="assets/images/01.png" alt=""></p>
    </div>

动态的添加图片

eg: 

   在ts中添加一个图片的地址(把百度的图片地址为例)

    public imgUrls:any = "https://www.baidu.com/img/bd_logo1.png";

       在html中

  <img [src]="imgUrls">


 

posted @ 2019-07-25 16:40  一封未寄出的信  阅读(423)  评论(1)    收藏  举报