如何在Ionic 2.0中使用typescript包含angular-schema-form

Question

我已经开始使用ionic从头开始构建一个应用程序，并且喜欢包含http://schemaform.io框架。

我在网页上运行这个例子没有问题，但是我用ionic失败了。

我已经用创建了这个项目

ionic start form blank --v2 --ts

我已经链接了index.html中的js文件。

  <script type="text/javascript" src="build/js/libs/schema-form/angular.min.js"></script>
  <script type="text/javascript" src="build/js/libs/schema-form/angular-sanitize.min.js"></script>
  <script type="text/javascript" src="build/js/libs/schema-form/tv4.js"></script>
  <script type="text/javascript" src="build/js/libs/schema-form/ObjectPath.js"></script>
  <script type="text/javascript" src="build/js/libs/schema-form/schema-form.min.js"></script>
  <script type="text/javascript" src="build/js/libs/schema-form/bootstrap-decorator.min.js"></script> 

然后编辑home.html文件，如下所示：

<ion-content padding>
  <div ng-controller="FormController">
    <form sf-schema="schema" sf-form="form" sf-model="model"></form>
  </div>
</ion-content>

相应的home.ts文件如下所示：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

import { FormPage } from 'schemaForm';


@Component({ templateUrl: 'build/pages/form/form.html', })
export class FormPage { constructor(private navCtrl: NavController) {

angular.module('myModule', ['schemaForm']).controller('FormController',  
  function($scope) {
  $scope.schema = {
  type: "object",
     properties: {
     name: { type: "string", minLength: 2, title: "Name", description: "Name or alias" },
     title: {
         type: "string",
         enum: ['dr','jr','sir','mrs','mr','NaN','dj']
     }
 } 
};
$scope.form = [ "*", {
   type: "submit",
   title: "Save" } ];
$scope.model = {}; });
  }

我想用这个来达到什么目的？我想把示例表单放在一个离子应用程序中。我喜欢模式表单背后的想法，因为它对我来说很容易理解，但我无法将表单绑定到应用程序框架中。每一个帮助都是非常受欢迎的。

Answer 1

我不认为你想要实现的目标是真的可能实现的，因为angular-schema-form仍然是目前唯一的angularjs，而ionic 2+正在使用angular。

以下是迁移到angular 2+的进度的the issue

但在此期间，您可以使用https://github.com/makinacorpus/angular2-schema-form来实现您想要实现的目标。它的工作原理和angular-schema一样，是为angular 2+设计的。

Answer 2

以下是在后端使用angular2 JSON模式的IONIC形式的JSON Schema插件。这是npm链接：https://www.npmjs.com/package/ionic-json-schema-form