Angularjs延迟附加新数据并显示旧数据1

时间:2017-11-15 03:57:17

标签: angularjs

点击:https://youtu.be/KeqRdGueekg

时,会延迟追加新数据并显示旧数据1

在控制器中:

   myApp.controller('Notebook', function($scope, $http){
    //Display Note click NoteBook
    $scope.xl_note = function(id){
        $http.get("/thunder_note/notebooks/show_note?id=" + id)
            .then(function(response) {
                $scope.dataNote = response.data;
            });
    };
});

在视图中:

<div class="modal-body">
    <div class="list_body list_body_note_of_notebook">
        <div class="list_content show_noteaas" ng-repeat="data in dataNote.Note">
            <a href="/thunder_note/notes/note_detail/{{data.id}}" style="text-decoration: none;">
                <p class="title">{{data.title}}</p>
            </a>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

当你拨打/ thunder_note / notes / note_detail /
时 你做两件事叫api和重定向页面 页面乘坐不动,所以有旧数据 但api响应需要一些时间来获得响应 如此清楚$ scope.dataNote =&#34;&#34 ;;在你的呼叫api之前