Html 如何在ionic中获取输入文本值

我试图获取

input

文本值，并将其存储在

ionic

中名为

input

的变量中。但我试过了，失败了。谁能告诉我我做了什么

这是我的

HTML

  <ion-content>
  <ion-list>
    <ion-item> 
        <ion-label stacked>display</ion-label>
      <ion-input type="text" text-right id="input" ></ion-input>
    </ion-item>    
  </ion-list>
  </ion-content>

---

实际上，您似乎在使用angularjs而不是angularjs，请使用[（ngModel）]

在组件内部

名称：字符串

<ion-content>
  <ion-list>
    <ion-item> 
      <ion-label stacked>display</ion-label>
      <ion-input type="text" text-right id="input" [(ngModel)]="inputValue"></ion-input>
    </ion-item>    
  </ion-list>
</ion-content>

因此，无论何时需要该值，都可以使用

console.log（this.name）

<ion-content>
  <ion-list>
    <ion-item> 
      <ion-label stacked>display</ion-label>
      <ion-input type="text" text-right id="input" [(ngModel)]="inputValue"></ion-input>
    </ion-item>    
  </ion-list>
</ion-content>

我们使用ion输入值与类成员inputValue的双向绑定


当您需要访问输入值时，请检查inputValue的值

在这里你可以看到我写的一个例子

双向绑定是属性绑定和事件绑定的组合，因为它是数据/值从表示层到组件以及从组件到表示层的连续同步

由于这是一个双向绑定，我们必须同时使用括号-[（）]。另外，ngModel是一个用于双向绑定数据的指令

在离子5中-聚焦时获得离子输入值的方法：

<ion-input (ionFocus)="onFocusPlace($event)"></ion-input>

onFocusPlace(event){
    this.value = event.target.value;
}


onFocusPlace（事件）{
this.value=event.target.value；
}
我试过这个。但是这个
ng model
是否也适用于较新的版本？你说的新版本是什么意思？我如何在需要时获得
ng model
值？这就是我得到的错误：“{selector:string；templateUrl:string；name:string；}”类型的：[ts]参数不能分配给“Component”类型的参数。Object literal只能指定已知属性，而“Component”类型中不存在“name”。是否重新启动了应用程序？您好，欢迎使用SO！请在回答问题时留下一些描述，不要简单地提供一些代码（例如，您的代码为什么工作，OP代码的问题是什么）。
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
    inputValue: string = "";
    constructor(public navCtrl: NavController) {}

    someFunction() {
        // here you can use the 'this.inputValue' and get the value of the ion-input 
    }

}

<ion-input (ionFocus)="onFocusPlace($event)"></ion-input>

onFocusPlace(event){
    this.value = event.target.value;
}