TypeError：無法讀取屬性，但屬性存在

Question

我有一個奇怪的問題TypeError: Cannot read property 'allowed' of undefined最後一個元素在$scope.leaveType。

更新：

由於@dusky它解決了這一問題，但現在我得到以下控制檯錯誤，但應用程序是在這裏工作是截圖

控制器的完整代碼here

它似乎沒有得到$scope.myLeaves[id]

$scope.myLeaves = { "1": 18, "2": 12, "3": 0, "4": 0, "5": 1, "6": 1, "7": 1}; 

請幫助我在這裏錯過了。

$scope.leaveType = [ 
    { "id": "1", "name": "Paid Leave", "allowed": 18}, 
    { "id": "2", "name": "Caual Leave", "allowed": 12}, 
    { "id": "3", "name": "Maternity Leave", "allowed": 0}, 
    { "id": "4", "name": "Paternity Leave", "allowed": 0}, 
    { "id": "5", "name": "Celebration Leave", "allowed": 1}, 
    { "id": "6", "name": "Compensatory Off","allowed": 1}, 
    { "id": "7", "name": "Optional Holiday Leave", "allowed": 1} 
    ]; 

    $scope.myLeaves = { "1": 18, "2": 12, "3": 0, "4": 0, "5": 1, "6": 1, "7": 1}; 

    $scope.taken = function (index) { 
     var allowed = $scope.leaveType[index].allowed, 
      leaveTypeId = $scope.leaveType[index].id, 
      taken = (parseFloat(allowed,10)) - (parseFloat($scope.myLeaves[leaveTypeId], 10)); 

     return taken; 
    } 
    //Get remaining leaves in a category 
    $scope.remaining = function (index) { 
     var allowed = $scope.leaveType[index].allowed, 
      leaveTypeId = $scope.leaveType[index].id, 
      remain = (parseFloat(allowed,10)) - $scope.taken(leaveTypeId, allowed); 

     return remain; 
    } 

這裏是Plunker

Answer 1

你剩下的功能是錯誤的。 $scope.taken將索引作爲參數。順便說一下：parseFloat不需要2個參數（parseInt）。這裏不需要，因爲已經是一個數字。

的錯誤是在這條線：

remain = (parseFloat(allowed,10)) - $scope.taken(leaveTypeId, allowed); 

它應該是：

remain = allowed - $scope.taken(index); 

所以就變成：

$scope.remaining = function (index) { 
     var allowed = $scope.leaveType[index].allowed, 
      remain = allowed - $scope.taken(index); 

     return remain; 
    }