在html中包含svg

Question

我试图使用来自https://github.com/noahblon/animated-climacons的climacons svgs。 当我复制某个svg并将其粘贴到我的html页面时，它工作正常，但我试图根据某些逻辑包含它，我无法加载它。

<div>
  <object id="mysvg" type="image/svg+xml" data="libs/animated-climacons-master/svgs/sun.svg">
  </object> 
</div>

我正在尝试根据当前天气加载climacons。所以我从服务器获取天气信息并使用该信息我试图从库中加载某个svg。类似的东西：

<div>
  <object id="{{someIdBasedOnWeather}}" type="image/svg+xml" data="libs/animated-climacons-master/svgs/{{someStringObtainFromAService}}.svg">
  </object>
</div>

有人可以告诉我如何以这种方式加载这些气候？ 如果它以任何方式帮助我使用AngularJS

Answer 1

问题解决了。显然，包含svgs的文件夹没有上传到服务器。