如何使用ng-include包含文件？

Question

我想在我的模板中加入一个svg文件。

data.data.svg = 'test.svg'
console.log(data.data)
{'svg' : 'test.svg'}

data.data也返回其他数据，但上面的对象是控制台上svg元素的显示方式。

我在模板中尝试了一些事情：

<div ng-include="data.svg"></div>
<div ng-include="data.data.svg"></div>

以下是我尝试实现的示例plunker，但我需要将其添加到data.data对象。

Answer 1

我不认为你实现ng-include的方式有什么问题，而是你的svg文件和css。我已经分叉了你的plunker，请看这里的demo：http://plnkr.co/edit/YbF5hDmUJq90uV4P9XpC?p=preview

SVG替换为demo：

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>