使用AngularJS将图像添加到网页中

  • Z时代
  • 2024-01-10
  • 分类：问答

为什么我的图像显示为文件徽标？下面使用AngularJS将图像添加到网页中

This is how my image shows up when I add it

链接这是我的图像（AngularJS）JS

{ 
    name: 'Screw', 
    price: 1, 
    description: 'A small item drilled into objects', 
    specs: '1 centimeter', 
    images: [ 
       { 
        full: "1024px-Phillips_screw.jpg" 
       } 
      ] 
}

这是我的HTML，用来把图象

<img ng-src="{{product.images[0].full}}"/>

回答：

为什么不使用ng-src directive？ 即。

<div ng-init="myVar='pic_angular.jpg'"> 
    <h1>Angular</h1> 
    <img ng-src="{{myVar}}"> 
</div>

回答：

检查控制台的错误，但可能是因为路径不正确。

如果他们在你的images文件夹你想要把这个路径：

<img src="/images/{{product.images[0].full}}"/>

回答：

只有通过图像的名称为NG-SRC它，你需要写像它保存的完整路径在你将图像名称传递到花括号之前。

回答：

如果您使用最新angularjs 4.x的使用CLI你应该使用绝对或相对路径的形象，像

<img src="/images/{{product.images[0].full}}"/>

，你需要添加angular-图像路径“资产”部分cli.json：

“的应用程序”：[{ ...... 

"assets": [ 
    "assets", 
    "favicon.ico", 
    "images" 
    ], 
    ........

}

以上是 使用AngularJS将图像添加到网页中 的全部内容， 来源链接： utcz.com/qa/266516.html

回到顶部