Question

我正在开发一个具有图形部分的应用程序。我需要显示基于1,0，-1的图像。我必须根据响应分别绑定图像。在演示中，即使我给了Google链接，我也无法显示图像。请帮助我通过响应将值与图像绑定在一起。

HTML：

<tbody>
                    <tr>
                      <td scope="row">PSF. &nbsp;&nbsp;$8.25</td>
                      <td><img class="graph-arrows" src="../../../assets/images/up-arrow.png"></td>
                      <td><img class="graph-arrows" src="../../../assets/images/double-arrow.png"></td>
                      <td><img class="graph-arrows" src="../../../assets/images/down-arrow.png"></td>
                    </tr>
                    <br>
                  </tbody>

Ts：

this.propertiesPerMonth = [{
      "costPSF": { "market": 1, "region": 0, "national": -1 }
    },
    {
      "variances": {
        "expenses": [
          { "expense": "Janitorial", "market": 1, "region": 0, "national": -1 },
          { "expense": "Electricity", "market": 0, "region": 0, "national": -1 },
          { "expense": "HVAC", "market": -1, "region": -1, "national": 1 },
        ]
      }
    }
    ]

DEMO

Answer 1

您应该提供指向图像的链接，而不是包含图像的页面，因此该URL应该以.PNG或.SVG之类的图像扩展名结尾，例如，第一个URL应为https://image.flaticon.com/icons/svg/32/32028.svg 要获取此网址，请右键点击图片，然后点击“在新标签页中打开图片”

Answer 2

在演示中，您是指向Google页面的链接，而不是实际图像。尝试用实际图像替换它们，它们将起作用。

例如请尝试以链接“ https://onaliternote.files.wordpress.com/2016/11/wp-1480230666843.jpg”为例。

如何基于使用angular2的响应值分配图像

2 个答案: