Javascript 在html中包含svg

我正在尝试使用来自的climacons SVG。 当我复制某个svg并将其粘贴到我的html页面中时，它工作得很好，但我试图基于某些逻辑将其包括在内，我无法加载它

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

我正试图根据当前的天气来加载顶极镜头。因此，我从服务器获取天气信息，并使用这些信息尝试从库中加载特定的svg。比如：

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

有人能告诉我怎样才能用这种方式加载这些高潮吗？

---

如果有任何帮助，我使用AngularJS解决问题。显然，包含SVG的文件夹没有上载到服务器。

您能为我们提供更多代码吗？看看你到现在为止都做了些什么会有帮助的。我想看看逻辑。你怎么知道现在是什么天气。