ng模型問題的邏輯

Question

我有一個ng-model我正在處理一個小問題。

首先，我將展示部分，其中ng-model工作正常

<input type="text" 
     ng-model="slip.risk" 
     ng-change="riskWinCalculations(slip, 'RISKSTRAIGHT')"> 

    <input type="text" 
     ng-model="slip.win" 
     ng-change="riskWinCalculations(slip, 'WINSTRAIGHT')"> 

    <strong>To Win: </strong>{{straightTotalWin | currency}} 

    <strong>Total Stake: </strong>{{straightTotalStake | currency}} 

現在所在的ng-model未在該控制器爲我工作

<input type="text" 
     ng-change="riskWinCalculations(null, 'RISKPARLAY')" 
     ng-model="riskParlay"> 

    <strong>To Win: </strong>{{winParlay | currency}} 

    <strong>Total Stake: </strong>{{riskParlay | currency}} 

的HTML，你會看到一個名爲功能applyParlayRisk這是給我的問題和其他功能riskWinCalculations案件RISKPARLAY也給我的問題，其餘的，他們都像一個魅力

applyStraightRisk = function(slip) { 
     var moneyLine = _.result(_.find(slip.lines, {isSelected: '1'}), 'moneyLine'); 
     slip.win = RiskWikCalculations.calculateStraightBet(slip.risk, parseFloat(moneyLine, 10), true); 
    }, 

    applyStraightWin = function(slip) { 
     var moneyLine = _.result(_.find(slip.lines, {isSelected: '1'}), 'moneyLine'); 
     slip.risk = RiskWikCalculations.calculateStraightBet(slip.win, parseFloat(moneyLine, 10), false); 
    }, 

    applyParlayRisk = function(parlay, riskParlay) { 
     $scope.riskParlay = riskParlay; 
     console.log($scope.riskParlay); 
     //this logs UNDEFINED 
     $scope.winParlay = riskParlay * (parlay.payoutProportion || 4.5); 
    }, 

    sumStraightStakes = function(betSlip) { 
     var totalStake = 0, 
      totalWin = 0; 
     _.each(betSlip, function(slip) { 
     if (slip.risk) { 
      totalStake += parseFloat(slip.risk, 10); 
     } 
     if (slip.win) { 
      totalWin += parseFloat(slip.win, 10); 
     } 
     }); 
     $scope.straightTotalStake = totalStake; 
     $scope.straightTotalWin = totalWin; 
    }; 


    $scope.riskAll = 0; 
    $scope.winAll = 0; 
    $scope.riskWinCalculations = function(slip, type) { 
    switch (type) { 
     case 'RISKSTRAIGHT': 
     applyStraightRisk(slip, slip.risk); 
     break; 
     case 'WINSTRAIGHT': 
     applyStraightWin(slip, slip.win); 
     break; 
     case 'RISKPARLAY': 
     applyParlayRisk($scope.currentParlay, $scope.riskParlay); 
     break; 
    } 
    sumStraightStakes($scope.betSlip); 
    }; 

那麼你認爲我在這裏有什麼我的錯誤？

UPDATE

在移動應用中我做的完全一樣的功能，並有工作正常，看

HTML

<button ng-click="openRiskWinKeypad(null, 'RISKPARLAY')"> 
    Risk: {{riskParlay}} 
    </button> 

    <strong>Total Stake: </strong>{{riskParlay | currency}} 

    <strong>To Win: </strong>{{winParlay | currency}} 

控制器

applyParlayRisk = function(parlay, amount) { 
     $scope.riskParlay = amount; 
     $scope.winParlay = amount * (parlay.payoutProportion || 4.5);} 

這裏有點不同NCE因爲我開的自定義鍵盤

$scope.openRiskWinKeypad = function(slip, type) { 
     $scope.keypad = {value: 0}; 
     if (type === 'RISKSTRAIGHT' && slip.risk) { 
     $scope.keypad.value = slip.risk; 
     } 
     if (type === 'WINSTRAIGHT' && slip.win) { 
     $scope.keypad.value = slip.win; 
     } 

     $ionicPopup.show({ 
     // here is where the keypad opens 
     }).then(function(amount) { 
     if (amount) { 
      switch (type) { 
      case 'RISKSTRAIGHT': 
       applyStraightRisk(slip, amount); 
       break; 
      case 'WINSTRAIGHT': 
       applyStraightWin(slip, amount); 
       break; 
       break; 
      case 'RISKPARLAY': 
       applyParlayRisk($scope.currentParlay, amount); 
       break; 
      } 
     } 
     sumStraightStakes($scope.betSlip); 
     }); 
    }; 

編輯

，如果我做

<input type="text" ng-model="riskParlay" 
     ng-change="riskWinCalculations(null, 'RISKPARLAY')"> 

和

applyParlayRisk = function(parlay, riskParlay) { 
     $scope.riskParlay = riskParlay; 
     console.log($scope.riskParlay); 
     $scope.winParlay = riskParlay * (parlay.payoutProportion || 4.5); 
    } 

和

case 'RISKPARLAY': 
     applyParlayRisk($scope.currentParlay, riskParlay); 
     console.log($scope.currentParlay.name); 
     break; 

我得到的是

ReferenceError: riskParlay is not defined

Answer 1

我不能肯定地告訴你既然沒有張貼整個HTML片段，但我的猜測是存在riskParlay輸入和控制器之間的另一個範圍。如果存在，ng-model指令將把riskParlay變量寫入該範圍，而不是控制器的範圍。

您的其他輸入正常工作，因爲它們的表達式中有對象索引（。運算符）。帶有該運算符的Ng模型表達式查找範圍層次結構，直到他們找到包含該對象索引的範圍。這個視頻更好地解釋了這一點：https://thinkster.io/egghead/the-dot