Angularjs delay append new data and display old data 1s

Question

It delays append new data and display old data 1s when I click: https://youtu.be/KeqRdGueekg

In controller:

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

In view:

<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>

Manoj Meria · Accepted Answer · 2017-11-15 05:26:14Z

1

when you call /thunder_note/notes/note_detail/
you do 2 things calling api and redirecting page the page ridects immidiate so there is allready old data but api response takes some time for getting response so clear $scope.dataNote =""; before your calling api

answered Nov 15, 2017 at 5:26

Manoj Meria

6167 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs delay append new data and display old data 1s

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related