在第一次更改後，ng-change在Ionic中不起作用

我正嘗試使用角度ng-change指令和離子框架創建一個簡單的貨幣計算器。在第一次更改後，ng-change在Ionic中不起作用

我可以輸入任何輸入數據和其他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 
};

匯率僅用於測試目的。

我嘗試了許多解決方案在那裏的計算器，但沒有工作對我來說

感謝

來源

2017-04-22 llermaly

您需要對所有三個輸入使用相同的ng模型，併爲每個輸入使用不同的轉換公式。 –

謝謝！，如果所有文本框被調用相同，如何傳遞參數或更改文本值？關於 – llermaly

好吧，所以他們都應該使用相同的型號，這意味着相同的數據，但是您可以對每個單獨應用不同的修改功能。 –

嘗試把你的代碼中的斷點，並檢查值。您的公式可能會返回相同的值。調試每個文本框的ng-change函數

來源

2017-04-22 21:16:11

在第一次更改後，ng-change在Ionic中不起作用

回答

相關問題