Question

我将计算2个输入字段的总数，即价格和数量。我使用AngularJs的编程语言包括离子框架。

我的controller.js

.then()

我的form.html：

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope) {
      $scope.a = 0;
      $scope.b = 0;
      $scope.c = $scope.a * $scope.b;
    })

通知：
价格= 5000
数量= 2
当我写{{a * b}}时，很可能打印= Rp 10,000.00。但我希望在控制器上完成所有过程。

那么，我应该在控制器中写什么脚本来打印正确的结果？

Answer 1

使用ng-change指令观察更改并进行总结

<ion-view view-title="Kalkulator">
  <ion-content class="padding">
    <div class="list" ng-controller="DashCtrl">
      <label class="item item-input">
        <span class="input-label">Price</span>
        <input type="text" ng-model="a" ng-change="calculate()">
      </label>
      <label class="item item-input">
        <span class="input-label">Qty</span>
        <input type="text" ng-model="b" ng-change="calculate()>
      </label>
      <label class="item item-input">
        <span class="input-label">Total</span>
        <input type="text" value="{{ c | currency:'Rp ' }}">
      </label>
    </div>
  </ion-content>
</ion-view>

控制器中的

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope) {
      $scope.a = 0;
      $scope.b = 0;
      $scope.c = $scope.a * $scope.b;
      $scope.calculate = function(){
          $scope.c = $scope.a * $scope.b
      }

    })

Answer 2

在＆＃39; a＆＃39;上使用ng-keyup或ng-change功能。和＆＃39; b＆＃39;字段输入并在两个keyup事件上调用相同的函数，并将此代码放在该函数中。

$scope.mykeyupfun = function(){$scope.c = $scope.a * $scope.b;}

Angularjs从2输入字段自动计算

2 个答案: