Angularjs 在typescript中使用onclick事件显示算术运算

这是我第一次尝试学习离子框架。我已经开始了一个项目，在这个项目中，我想将两个数字作为输入，并使用onclick事件通过按钮显示具体的操作，如求和、平方和除法。 .html

<ion-content padding>
<div ng-app="">

    <p>First Number: <input type="number" [(ngModel)]="p"/> </p>

    <p>Second Number: <input type="number" [(ngModel)]="q" /> </p>

</div>
    <div>
    <button t (click)='onAdd();'>Sum</button>
    <button t (click)='onMul();'>Product</button>
    <button t (click)='onSquare();'>Square</button>
    <button t (click)='onDivide();'>Division</button>
</div>
</ion-content>

}

}

}

}

}

它不会在单击按钮时显示输出。我还导入了angular库…你能帮我吗？

下面的html代码

  <p>First Number: <input type="number" [(ngModel)]="p"/> </p>
  <p>Second Number: <input type="number" [(ngModel)]="q" /> </p>
  <button (click)='onAdd()'>Sum</button>
  <p>{{ result }}</p>

---

第一个问题：您在控制台中是否有任何错误。？第二个问题您能否显示控制台的屏幕截图。它没有显示任何错误消息。@biswajit Rout请以正确的方式格式化问题中的代码块

onAdd(p:number,q:number){

console.log("sum={{ p + q }}")

 onMul(p:number,q:number){

console.log("mul={{ p * q }}");

onSquare(p:number,q:number){

console.log("square={{ p * p }},{{ q * q }}");

 onDivide(p:number,q:number){

console.log("divide={{ p / q }}");

}

  <p>First Number: <input type="number" [(ngModel)]="p"/> </p>
  <p>Second Number: <input type="number" [(ngModel)]="q" /> </p>
  <button (click)='onAdd()'>Sum</button>
  <p>{{ result }}</p>

  result: number;
  p: number = 0;
  q: number = 0;

  onAdd() {
    this.result = this.p + this.q;
  }