从输入数Angular 2获取值

时间:2016-10-07 09:13:10

标签: angular typescript ionic2

我尝试使用离子2和角度2从输入中恢复值。 我想要一个类型号的值。

我的HTML:

<ion-item>
  <ion-label floating>Number</ion-label>
  <ion-input id = "choosenNumber" type="number" value=4 ></ion-input>
</ion-item>

我的TypeScript:

var input_element = <HTMLInputElement> document.getElementById("choosenNumber");
var choosenNumberValue = input_element.valueAsNumber; //does not work !! (valueAsNumber undefined)

代码不起作用,因为input_element.valueAsNumber未定义。

1 个答案:

答案 0 :(得分:2)

好的,我已经使用[(ngModel)]找到了解决方案。感谢

以下是解决方案: [HTML]

<ion-item>
  <ion-label floating>Number</ion-label>
  <ion-input type="number"  [(ngModel)]="chVal" name = "chVal" value=4 ></ion-input>
</ion-item>

[TS]

export class MyClass{
   chVal:number;

chVal是物超所值!!