Question

我正在尝试使用角度ng-change指令和Ionic Framework创建一个简单的货币计算器。

我可以按预期输入任何输入和其他2个更改的数据，但我只能这样做一次，如果我尝试更改另一个文本框而不刷新，则代码停止工作（只有1个文本框可以工作而不是2个，或没有文本框更改）

这是我的观看代码：

<ion-content>
    <h1>Enter Amount</h1>

    <h3> Ether </h3>
    <label class="item item-input">
         <i class="icon ion-social-usd placeholder-icon"></i>
         <input type="number" placeholder="ETH" ng-model="eth" ng-change="ethChange(eth)">
    </label>    

    <h3> Chilean Peso (CLP) </h3>
    <label class="item item-input">
         <i class="icon ion-social-usd placeholder-icon"></i>
         <input type="number" placeholder="CLP" ng-model="ethToCLP" ng-change="clpChange(ethToCLP)">
    </label>

    <h3> Dollars </h3>
    <label class="item item-input">
         <i class="icon ion-social-usd placeholder-icon"></i>
         <input type="number" placeholder="USD" ng-model="ethToUSD" ng-change="usdChange(ethToUSD)">
    </label>

  </ion-content>

控制器

  $scope.ethChange = function(eth) {
    $scope.ethToCLP = eth * 30000
    $scope.ethToUSD = eth * 50
      };

  $scope.usdChange = function(usd) {
  $scope.eth = usd/50
  $scope.ethToCLP = usd * 650
};

  $scope.clpChange = function(clp) {
  $scope.eth = clp/30000
  $scope.ethToUSD = clp/650
};

汇率仅供测试之用。

我在stackoverflow中尝试了很多解决方案，但没有一个对我有用

由于

Answer 1

尝试在代码上放置断点并检查值。您的公式可能会返回相同的值。调试每个文本框的ng-change功能

第一次更换后，ng-change无法在Ionic中工作

1 个答案: