angularjs – 如何在离子内容中呈现svg

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在离子内容中呈现svg前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的应用程序是使用 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数据而不是图像,我是否遗漏了任何声明或任何东西?

谢谢

解决方法

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

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

请查看此plunker显示svg

猜你在找的Angularjs相关文章