erstellen Objekt in Form Winkel 2 ionischer 2

Question

hier ist die TS-Datei

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(); 
    } 
} 

ich eine multidimensionale Objekt in ionischer Form erstellen möchten.

So etwas: sellerData = {Ownership: {Single: "", Double: ""}, Name: {First_Name: "", Last_Name: ""}};

Wie kann ich es in Form erstellen. und benutze es so: [(ngModel)] = "sellerData.Ownership.Single"

Hilf mir, danke.

<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

Ihr wählen ist falsch, kann man nicht binden ngModel zu einer Option und auch Ihr Objekt ist falsch in einer ausgewählten verwendet werden. Wenn Sie single und double sind specting um wahr zu sein, falsch oder eine Zahl, sie zu identifizieren Sie müssen nur ownership wie folgt aus:

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

Und Ihre Aufgabe:

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

Wenn Sie specting single und double um eine Zeichenfolge zu sein, benötigen Sie eine Eingabe für jede Eigenschaft wie Sie in sellerData.Name.Last_Name getan haben.

Hoffe, das hilft.