Как объявить вывод как целочисленный тип в классе экспорта

Question

Мне нужна помощь с функцией, которая должна возвращать сумму целых чисел, введенных пользователем в поля ввода.

Возвращает результат в виде итога, но часто просто объединяет числа.например, если input1 равен 1, а input2 равен 2, а не 3, он возвращает 12. Я знаю, что это происходит, потому что я определил его как строку в функции экспорта.Как установить целочисленные типы и вернуть их как целочисленный тип?

Это мой файл component.ts.Шаблон определяет входные данные следующим образом:

  <div class="col-md-2"><input ng-model='input1' type="number" 
  required></div>

  <div class="col-md-2"><input ng-model='input2' type="number"         
  required></div>

  <div class="col-md-4">{{Test()}}</div>

Моя функция экспорта выглядит следующим образом:

   export class myPageComponent implements OnInit {
   constructor(public userInfo : UserService, public pageInfo: 
    PageService, private http: Http ) {
    };

   input1: string = '';
   input2: string= '';

   Test():string {

   return (this.input1 + this.input2);

   }

Answer 1

Я думаю, что следующий код должен работать: если вы связываете input1 и input2 и получаете значение input1 и input2, значением может быть строка, в которой вам нужно преобразовать строку в число.

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Sum of two integer value';
  input1: number;
  input2: number;

  Test(): number {
    const sum = (!this.input1 ? 0 : +this.input1) + (!this.input2 ? 0 : +this.input2)
    return !sum ? null : sum;
  }
}

ДЕМО

Answer 2

Попробуйте:

Input1: number; Input2: number;

И удалить строку из функции.