如何在离子应用程序中嵌入 Form.io

【问题标题】：How can embed Form.io in ionic application如何在离子应用程序中嵌入 Form.io
【发布时间】：2017-05-18 06:09:55
【问题描述】：

我正在尝试使用 Formio 和 angular js 创建一个应用程序，当包含 Formio js 和 angular js 时遇到问题。

这是控制台报错截图：

【问题讨论】：

请说明您遇到的确切问题，以及到目前为止您所尝试的方法。
内嵌图片
这是一个依赖注入错误。您需要将相关依赖项添加到您的控制器或应用程序中：angular.module('myApp', ['formio']);
我在 form.io 中创建了一个调查，我想将该调查嵌入到我的 ionic 应用程序（或 angular js）中，在我的 ionic 应用程序中包含 form.io.js 时似乎有些问题 - 我认为这是由于冲突。

标签： angularjs forms ionic-framework survey formio

【解决方案1】：

要将 Form.io 与 ionic 一起使用，您必须包含 formio 库文件。

bower install --save ng-formio

那么你必须将它包含在 index.html 中

<script src="lib/ng-formio/dist/formio.js"></script>

最后你必须在你的应用中注入依赖。

angular.module('ionicApp', ['formio']);

此外，您还可以包含 formio css 和 bootstrap 模板。

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
<link href="lib/ng-formio/dist/formio.css" rel="stylesheet">

【讨论】：

需要安装那个，我只包含那个js和css文件，够吗？
有时在 ionic bower install [library] 中不附加 .js 或 .css 文件。但是，是的，通过 Bower 安装它。