Question

或多或少的即时消息试图使用户将信息输入一个选项卡，然后让他们按下按钮，并将信息推送到下一个选项卡，该选项卡是从apiblo和jsonblob生成的人员列表，主要问题是具有的是，它一直告诉我TypeError：_co.Buttonclick不是函数。任何人都可以帮忙或伸出援手。

这是contact.ts，人员将在其中输入详细信息。

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { EventsPage } from '../events/events';
@Component({
  selector: 'page-contact',
  templateUrl: 'contact.html'
})
export class ContactPage {
    constructor(public navCtrl: NavController, public navParams: NavParams) {

    }
    public text:string;
    onButtonClick(){
      this.navCtrl.push(EventsPage,{text:this.text});
    }
      ionViewDidLoad() {
      console.log('ionViewDidLoad RegisterPage');
      }
         }

这是contact.html

<ion-header>
  <ion-navbar>
    <ion-title>
      Register
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-col width=50>
  <ion-list><ion-item>
    <strong>Registery page :</strong>Upcoming Event
  </ion-item>
  </ion-list>
  <ion-list>
    <ion-item>
      <ion-label color="primary">Name :</ion-label>
      <ion-input placeholder="Text Input"></ion-input>
    </ion-item>

    <ion-item>
        <ion-label color="primary">Age :</ion-label>
      <ion-input type="number" placeholder=""></ion-input>
    </ion-item>

    <ion-item>
      <ion-label color="primary">weight :</ion-label>
      <ion-input placeholder="Input Weight"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label color="primary">Club :</ion-label>
      <ion-input placeholder="Input Club"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label color="primary">Division :</ion-label>
      <ion-input placeholder="Input Division"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label color="primary">YearsExperince :</ion-label>
      <ion-input placeholder="Input experince"></ion-input>
    </ion-item>



  </ion-list>
<ion-content padding>
  <form (ngSubmit)="saveUser()"></form>
    <button ion-button (click)="Buttonclick()"> Add Fighter</button>
    <p>
    bla bla lba lb
    </p>
</ion-content>

Answer 1

将onButtonClick()上的ButtonClick()更改为contacts.ts。它必须与您在contact.html上使用的函数名称相同。

标签之间的离子3传递信息。学生

1 个答案: