4

我正在使用带有rails的angular.js作为我的后端，并且在更新视图内的范围变量的值时遇到了问题。在这里，我正在尝试创建一个购物车之类的东西。

html代码

<div class="modal hide fade" id="orderForm">
<div class="modal-header">
    <h3>
        Please enter your location details      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    </h3>
</div>
<div class="modal-body scrollable">
    <form accept-charset="UTF-8" class="simple_form form-horizontal" name="orderForm" novalidate="novalidate" ng-submit="validateAndSubmit(orderForm)"  id="order_form">
        <div class="control-group string optional order_full_name">
            <label class="string optional control-label" for="order_full_name">Full name</label>
            <div class="controls">
                <input class="string optional required  " id="order_full_name" name="full_name" ng-model="full_name" placeholder="eg. Kapil Sharma" size="50" type="text" value="">
                </div>
            </div>


</div>
<div class="modal-footer">
    <a href="" data-dismiss="modal" aria-hidden="true" class="btn">
        Close
    </a>
    <button type="submit" class="btn btn-success"> <i class="icon-ok"></i>&nbsp;Place order</button>
    <%# end %>
</form>
</div>

这是一个引导模式，并被调用$('#orderForm').modal('show');

这是我的 javascript 角度代码。

$scope.validateAndSubmit = function(form){          
if(form.$valid){
    var formData = $('#order_form').serializeObject();; 

    $http.post('/create_order',{'order': formData})
    .success(function(data,status){
        $scope.currentOrder = data;
        $('#orderForm').modal('hide');
        $scope.currentOrder = [];
    }).error(function(data,status){
    //show error
        alert("error");
    });
}
else{
    alert("invalid form");
}

}

问题出在我的范围变量上，在所有其他函数中它工作正常，但在 validateAndSubmit 方法中它没有根据需要更新视图我已经使用 javascript方法$scope.currentOrder检查了范围变量的值setInterval

        setInterval(function(){
        alert($scope.currentOrder);
    }
    , 5000);

更新的值在警报中很好，但视图没有更新值，请帮忙。提前致谢。

4

1 回答 1

3

似乎回调是在范围之外$scope.$apply();调用的，当您希望它更新视图时，您需要添加回调。

于 2013-08-21T02:10:02.817 回答