angularjs - Angular Multistep フォーム - 新しいフォーム要素をモデルにバインドする必要があります

Question

すべての入力要素が、最初のリクエストで読み込まれる 1 つのモデルにバインドされるマルチステップ フォームがあります。各ステップでモデルがサーバーに送信され、フォームが完了するまで新しい入力と html のセットが送り返されます。

// The function that will be executed on form submit )
$scope.submitForm = function(action) {
    $scope.items['action'] = action;
    //Pass entire model to server and get back new input elements and html
    //I might break this up into a model per step later
    $http.post($scope.url, $scope.items).
    success(function(data, status) {
    // $scope.status = status;

    // Here is where I need to take the variable data and get the new html recompiled into angular.
    document.getElementById("formsteps").innerHTML = data;        

    })
    .error(function(data, status) {
        //$scope.data = data || "Request failed";
        //$scope.status = status;         
    })
}

<div id="formsteps" class="row form-horizontal">
    {{data}}
</div>

これは正しくありません。返されたテキストが表示されるだけです。

これらの新しいフォーム入力を既存のモデルに再バインドする最良の方法は何ですか? コンパイル、適用()?