如何在输出类中将输出声明为整数类型

Question

我需要一个函数的帮助，该函数需要返回用户在输入框中输入的整数之和。

它返回输出作为总数，但通常只是连接数字。 例如，如果input1为1，而input2为2，而不是3，它将返回12。我知道这是因为我已经在export函数中将其定义为字符串。 如何设置为整数类型并将其返回为整数类型？

这是我的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;
  }
}

DEMO

Answer 2

尝试：

Input1: number; Input2: number;

并从函数中删除字符串。