0 Вопрос: Как сложить два числа и показать результат, когда я нажимаю кнопку результата

вопрос создан в Thu, May 2, 2019 12:00 AM

Я делаю приложение калькулятора с угловым 7, я хочу рассчитать методы сложения, подстановки, умножения, деления. я делаю функцию для отображения числовых кнопок на входе, но мне нужно отображать результат на входе, когда я суммирую или делаю какой-либо метод вычисления, нажав кнопку результата.

buttons.component.ts

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

    @Component({
      selector: 'app-buttons',
      templateUrl: './buttons.component.html',
      styleUrls: ['./buttons.component.css']
    })
    export class ButtonsComponent {
     @Input() value :string;
      result:string=''; 

    setValue(value: string) {
     this.value = value;
    }

    addition(){
      this.result= this.value + this.value;
    }

     buttons.component.html

    <div class="calculator"> 
    <div><span> </span></div>
    <div>
      <label>
        <input [(ngModel]="value" placeholder="0"/>
      </label>
    </div>
      <div  class="calculator-buttons" ></div>
      <div>
      <button type="button" class="btn btn-calc clear" (click)="clear()"> AC </button>
      <button type="button" class="btn btn-calc" (click)="delete()" > < </button>
      <button type="button" class="btn btn-calc operator" (click)="div()"> / </button>
    </div>

    <div>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="7" >7</button>
      <button type="button" class="btn btn-calc"  (click)="setValue()" value="8">8</button>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="9">{{ 9}}</button>
      <button type="button" class="btn btn-calc operator" (click)="multiply()">*</button>
    </div>

    <div>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="4">4</button>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="5">5</button>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="6">6</button>
      <button type="button"class="btn btn-calc operator" (click)="sub()">-</button>
    </div>

    <div>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="1">1</button>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="2">2</button>
      <button type="button" class="btn btn-calc" (click)="setValue()" value="3">3</button>
      <button type="button" class="btn btn-calc operator" (click)="addition()">+</button>
    </div>

    <div>
      <button type="button" class="btn btn-calc zero" (click)="setValue()" value="0">0</button>
      <button type="button" class="btn btn-calc"(click)="dot()">.</button>
      <button type="button" class="btn btn-calc operator"(click)="result($event)">=</button>

    </div>

    </div>
    
0
0 ответов                              0                         
источник размещен Вот