Блог

Главная - Вопросы по программированию - Получить значение из входного номера Angular 2

Получить значение из входного номера Angular 2

#angular #typescript #ionic2

#angular #typescript #ionic2

Вопрос:

Я пытаюсь восстановить значение из входных данных с помощью ionic 2 и angular 2. Я хочу значение типа number.

Мой 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. Если вы используете angular 2, вам не следует делать подобные вещи. var input_element = <HTMLInputElement> document.getElementById(«Выбранный номер»);

2. Вам не нужно (или, скорее, вы не должны) редактировать заголовок, чтобы сообщить нам, что вопрос решен, который уже виден, поскольку вы приняли ответ.

Ответ №1:

Хорошо, я нашел решение, используя [(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 — это хорошее значение!!