Как получить ответ на математическую операцию

Question

Я кодирую калькулятор в Angular. js 7, но не могу получить ответ при работе с кодом.

Это программа калькулятора, и пользователь может ввести значение 2 и выбрать оператора кнопку, чтобы выбрать оператора, после этого пользователю нужно нажать кнопку =, чтобы получить ответ.

calculator.component. html

<div class="calculator">
  <h1>Calculator</h1>
  <div>
    <input ng-model="num1" type="text" placeholder="Enter value">

    <p><span><input type="text" readonly value={{selectedOperator}}></span></p>
    <p><input class="num2" type="text" placeholder="Enter value">
      <button class="result" (click)=onSelectEqual()>=</button>

      <span><input type="text" readonly value={{answer}}></span></p>

    <button class="operator" (click)=onSelectAdd() ng-init='+'>+</button>
    <button class="operator" (click)=onSelectMinus() ng-init='-'>-</button>
    <button class="operator" (click)=onSelectTimes() ng-init='*'>*</button>
    <button class="operator" (click)=onSelectDivide() ng-init='/'>/</button>
  </div>

calculator.component.ts

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


import { Operator } from 'rxjs';
@Component({
  selector: 'app-calculator',
  templateUrl: './calculator.component.html',
  styleUrls: ['./calculator.component.css']
})
export class CalculatorComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }




selectedOperator='';
onSelectAdd(){
  this.selectedOperator = '+';
}
onSelectMinus(){
  this.selectedOperator = '-';
}
onSelectTimes(){
  this.selectedOperator = '*';
}
onSelectDivide(){
  this.selectedOperator = '/';
}


num1:string = '';
num2:string = '';
answer = '';

onSelectEqual(){
  if (this.selectedOperator = '+') //here is function to get answer, but when I operate this I can only get operator'+' which I dont want answer button can change operator.//
  this.answer = this.num1 + this.num2 ;
}


}