AngularJS $ http范围问题

我有一个引导对话框，用户可以在其中输入运输跟踪号码。 2个按钮 - 一个取消，一个发货。控制器与此相关。一旦成功，我希望将该订单的状态（以ng为单位重复列表）更改为“已发货”。但它不起作用。我在这里做错了什么？

控制器与对话子控制器：

function ManageOrderCtrl($scope, $http, $dialog) { 

    // Setup some dialog options for shipping popup 
    var dialogOptions = { 
    controller: 'ShipOrderCtrl', 
    templateUrl: '/partials/order/_ship.html' 
    }; 

    // Shipping action - launches popup for tracking # 
    $scope.shipOrder = function(order){ 
     var itemToEdit = order; 
    $dialog.dialog(angular.extend(dialogOptions, { 
     resolve: { 
      order: angular.copy(itemToEdit) 
     } 
     } 
    )) 
    .open() 
    .then(function(result) { 
     if(result) { 
     angular.copy(result, itemToEdit); 
     } 
     itemToEdit = undefined; 
    }) 
    }; 
} 

// Shipping controller (injected in ship dialog) 
function ShipOrderCtrl($scope, $http, order, dialog){ 
    $scope.order = order; 

    // Called when they click "mark as shipped" on dialog 
    $scope.ship = function() { 

    dialog.close($scope.order); 

    //This works fine from here 
    //$scope.order.status = 'shipped'; 

    $http.put('api/order/ship/' + $scope.order._id, { 
     tracking: $scope.order.tracking 
    }) 
    .then(function(response) { 

     // This doesn't work 
     $scope.order.status = 'shipped'; 
    }); 
    }; 
    // Cancel the dialog 
    $scope.close = function(){ 
    dialog.close(undefined); 
    }; 
}

查看：

<div ng-conroller="ManageOrderCtrl"> 
    <div ng-repeat="order in orders"> 
    <span class="status">{{ order.status }}</span> 
    <a href="#" ng-click="shipOrder(order)"></a> 
    </div> 
</div>

来源

2013-03-11 cyberwombat

你能解释一下“这不行”是什么意思。是否调用'then'块？或其他一些错误？代码似乎是正确的！ – rajkamal 2013-03-11 03:26:27

那么它不会更新我的列表上的状态。我有一段类似的代码来取消一个可以工作的订单 - 我猜想它与对话框的额外位有关，但是因为我可以将它标记为早些时候发布（在那里注释掉），它似乎都是有效的。奇怪的 – cyberwombat 2013-03-11 03:30:40

我已更新我的帖子，更多代码 – cyberwombat 2013-03-11 03:36:36

好了 - 这是在角引导对话框中的错误 - 修复0.2.0 - 我用的是0.1.0

来源

2013-03-11 05:09:37 cyberwombat

AngularJS $ http范围问题

回答

相关问题