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");
}

}

問題はスコープ変数$scope.currentOrderにあり、他のすべての関数では正常に動作しますが、validateAndSubmit メソッドでは必要に応じてビューを更新しません。javascriptsetIntervalメソッドを使用してスコープ変数の値を確認しました。

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

更新された値はアラートで問題ありませんが、ビューは値を更新していません。助けてください。前もって感謝します。

4

1 に答える 1