如何在包含打字稿的Ionic 2.0中包含角度模式形式

我已经开始从头开始构建一个带离子的应用程序，并且喜欢包含http://schemaform.io框架。如何在包含打字稿的Ionic 2.0中包含角度模式形式

我没有在网页上运行示例的问题，但我没有这样做与离子。

我创建了项目与

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>

然后我就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 = {}; }); 
    }

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

来源

2016-09-15 BSerMann

我不认为你想要实现的是真的有可能，因为角度模式形式仍然是每天只为angularjs而离子2+使用角。

这里是the issue大头钉移动到角2+

不过在此之前的你正在努力实现您可以使用https://github.com/makinacorpus/angular2-schema-form的进展。它的作品就像角度模式一样，并被制作成角度2。

来源

2017-09-18 14:49:49 julianalimin

如何在包含打字稿的Ionic 2.0中包含角度模式形式

回答

相关问题