以 angular 2 ionic 2 形式创建对象

Question

这是 ts 文件

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { SalePage } from "../sale/sale";
import {Md5} from 'ts-md5/dist/md5';
import { DatabaseProvider } from "../../providers/database/database";

@Component(
{
    selector: 'page-login',
    templateUrl: 'login.html'
})
export class LoginPage
{
    sellerData = {Ownership: {Single: "", Double: ""}, Name: {First_Name: "", Last_Name: ""}};
    constructor(
    private platform: Platform,
    private navCtrl: NavController,
    private db: DatabaseProvider)
    {
        this.navCtrl.setRoot(SalePage);
    }
    closeApp()
    {
        this.platform.exitApp();
    }
}

我想创建一个离子形式的多维对象。

类似的东西： sellerData = {Ownership: {Single: "", Double: ""}, Name: {First_Name: "", Last_Name: ""}};

如何在表单中创建它。并像这样使用它：[(ngModel)] = "sellerData.Ownership.Single"

帮帮我，谢谢。

<form #sellerData = 'ngForm'>
    <ion-list>
        <ion-item>
            <label>Ownership</label>
            <select>
                <option value = "">Select Ownership</option>
                <option value = '1' [(ngModel)] = "sellerData.Ownership.Single" name = "Single" placeholder = "Single">Single</option>
                <option value = '2' [(ngModel)] = "sellerData.Ownership.Double" name = "Double" placeholder = "Double">Double</option>
            </select>
        </ion-item>
        <ion-item>
            <ion-input [(ngModel)] = "sellerData.Name.First_Name" name = "First_Name" placeholder = "First name"></ion-input>
            <ion-input [(ngModel)] = "sellerData.Name.Last_Name" name = "Last_Name" placeholder = "Last name"></ion-input>
        </ion-item>
        <ion-item>
        </ion-item>
    </ion-list>
</form>

Answer 1

你的 select 是错误的，你不能将 ngModel 绑定到一个选项，而且你的对象在 select 中使用也是错误的。如果您希望 single 和 double 是真、假或数字来识别它们，您只需要像这样 ownership：

<ion-item>
  <label>Ownership</label>
  <select [(ngModel)]="sellerData.Ownership">
    <option value = '0'>Select Ownership</option>
    <option value = '1' name = "Single" placeholder = "Single">Single</option>
    <option value = '2' name = "Double" placeholder = "Double">Double</option>
  </select>
</ion-item>

你的对象：

sellerData = {Ownership: "", Name: {First_Name: "", Last_Name: ""}};

如果您将 single 和 double 指定为字符串，则需要为每个属性输入一个输入，就像您在 sellerData.Name.Last_Name 中所做的那样。

希望对您有所帮助。

以 angular 2 ionic 2 形式创建对象

Create object in form angular 2 ionic 2

json

object

ionic2

angular2-forms