Javascript 如何使用typescript在Ionic 2.0中包含角度模式表单

我已经开始用ionic从头开始构建一个应用程序，并且喜欢包含这个框架

我在网页中运行这个示例没有问题，但我在使用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> 

我想用这个达到什么目的？

---

我想把示例表单放在一个ionic应用程序中。我喜欢schema表单背后的想法，因为它对我来说很容易理解，但我无法将表单绑定到应用程序框架中。非常欢迎您的帮助……

我不认为您真正想要实现的目标是可能的，因为angularjs的AngularSchema形式至今仍然只适用于angularjs，而ionic 2+使用angular

下面是移动到angular 2的进度+

---

但与此同时，你可以利用你正在努力实现的目标。它的工作原理与angularjs相同，是为Angular2+设计的。

我不认为您试图实现的目标是可能的，因为angularjs的AngularSchema形式至今仍然只适用于angularjs，而ionic 2+使用angularjs

下面是移动到angular 2的进度+

---

但与此同时，你可以利用你正在努力实现的目标。它的工作原理与angular2+模式相同，是为angular2+设计的。

这是IONIC中JSON模式表单的插件，它在后端使用angular2 JSON模式。

---

这是npm链接：

这是IONIC中JSON模式表单的插件，它在后端使用angular2 JSON模式。 以下是npm链接：

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

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 = {}; });
  }