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" />

请查看此plunker显示svg

如何在离子内容中渲染svg

1 个答案: