angularjsで新しいオブジェクトを更新しないのですか？

Question

配列内の新しいオブジェクトをプッシュしていますが、UIで更新された新しい値が表示されませんでした。ここで角度jを使用して値を更新しています。ここに私のコードです。

HTML

<ul id="list-wrapper-noti" class="dropdown-menu dropdown-menu-right style-3" > 
    <div infinite-scroll-disabled = "disableScroll" infinite-scroll='loadMoreNotifications()' infinite-scroll-distance='0' infinite-scroll-container="'#list-wrapper-noti'"> 
     <li > 
      <a href="list.php?id=20" style=" color:#3C71C1; padding-top: 3px">See all </a> 
      <a class="pull-right" href="list.php?id=20" style=" color:#3C71C1;">Mark all as read </a> 
    </li> 
    <li style="height: 30px"></li> 


    <li ng-repeat = "notification in notifications track by $index"> 
     <a style="text-decoration:none; color:#534D4D" href="{{notification.href}}" > 
     <div class="media"> 

    <img src="https://papa.fit/routes/images/inst_logo/default.png" alt="fakeimg" class="img-circle pull-left" style="height:50px; width:50px;"> 

     <div class="media-body"> 
     <div class="media">{{notification.employee}} {{notification.action | lowercase}} {{notification.element}} {{notification.record_value}}</div> 
      <span class="muted">{{notification.time_string}}</span> 
     </div> 

     </div> 
    </a> 
    <div class="divider"></div> 
</li> 

コントローラ

function addNewNotification(new_noti){ 
     var obj = {"action":new_noti.data.action,"element":new_noti.data.element,"record_value":new_noti.data.record_value,"time_string":new_noti.data.time_string,"employee":new_noti.data.employee}; 
     $scope.notifications.unshift(obj); 
     console.log($scope.notifications) 

    } 

ここから私は

このFUNCを呼び出しています

angular.element('#list-wrapper-noti').scope().addNewNotification(payload); 

array.pleaseのプッシュ後に更新されない理由は分かりませんが、誰でも助けますか？

Answer 1

お使いのコントローラに注入$タイムアウトと、これを試してみてください。

$timeout(function() { 
    $scope.notifications.unshift(obj); 
});