小编ngo*_*pal的帖子

如何使用angular 2中的typescript从文本框中获取值

我是angular2/typescript的初学者我正在尝试从两个文本框中获取数字并添加两个数字并使用插值显示结果

@Component({
selector: 'my-app',
template: 
`<h1>Hello {{name}}</h1>
<h1>{{D}}</h1>
 <form>
  <p>first number:<input type="text" id="num1"></p>
  <p>second number:<input type ="text1" id="num2"></p>
  <h1> {{result}}</h1>
  </form>
   <test-app></test-app>`
  })

  export class AppComponent 
  { 
 name = 'Angular'; 
 value : number;value1 : number;result:number;
  constructor(value : number,value1 : number,result:number)
  {

  this.value = parseFloat
  ((document.getElementById("text") as HTMLInputElement).value);
  this.value1 = parseFloat((document.getElementById("text1") 
  as HTMLInputElement).value);
  this.result=this.value+this.value1;
  }}
Run Code Online (Sandbox Code Playgroud)

typescript angular

11
推荐指数
4
解决办法
7万
查看次数

标签 统计

angular ×1

typescript ×1