如何在离子内容中渲染svg

Question

我的应用程序是使用Angularjs和ionic构建的,使用cordova进行混合移动应用程序,当尝试呈现从后端接收的svg内容时,应用程序无法呈现预期的图表.

这就是我的代码的样子

<ion-tab title="Diagram" icon-on="mcfly">           
        <ion-view>
            <ion-content class="padding" ng-class="{'has-loading': header.isLoading}">
                <h4>System Diagram</h4>                 
                    {{diagram}}
        </ion-content>
    </ion-view>
</ion-tab>

但我看到的是svg数据而不是图像,我是否遗漏了任何声明或任何东西？

谢谢

Answer 1

你需要将它放在图像标签中,如下所示:

<img class="title-image" src="path to your diagram" width="xxx" height="xxx" />

请检查这个显示svg的plunker