Как включить angular-schema-form в Ionic 2.0 с машинописью

Question

Я начал создавать приложение с использованием ionic с нуля и любил включать фреймворк http://schemaform.io/.

У меня нет проблем с запуском примера на веб-странице, но мне не удалось сделать это с помощью ionic.

Я создал проект с

ionic start form blank --v2 --ts

Я связал файлы js в index.html

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

Тогда у меня есть editet файл 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

Вот плагин для формы JSON Schema в IONIC, который использует схему JSON angular2 в бэкэнде. Вот ссылка npm: https://www.npmjs.com/package/ionic-json-schema-form

Answer 2

Я не думаю, что то, что вы пытаетесь достичь, действительно возможно, так как форма angular-схемы все еще на данный момент только для angularjs, в то время как ionic 2+ использует angular.

Вот проблема, чтобы следить за прогрессом перехода на угловой 2+

Но тем временем вы можете использовать https://github.com/makinacorpus/angular2-schema-form для того, чего вы пытаетесь достичь. Его работает так же, как угловая схема и был сделан для угловых 2+.