AngualrJSスコープ変数が更新されていますが、UIは更新されていません

Question

私は、モバイルアプリケーションにangularJS + cordovaを使用しています。リストビューを表示することができます。そのアイテムをクリックするとリスト項目を更新しようとしていますが、値は変更されていますが、UIは更新されません。 ここに私のコードです。

<md-list post class="" role="list" > 
     <md-item class="card" ng-repeat="post in posts"> 
      <div class="card-header"> 
       <div class="pro-pic"> 
        <img src="{{post.UserImage}}" /> 
       </div> 
       <h2>{{ post.UserName }} 
        <span>{{ post.CreatedDate | date:'medium' }} via --</span> 
       </h2> 
       <div class="post-info">{{ post.Description }}</div> 
      </div> 

      <div class="card-body"> 
       <div class="card-img" ng-hide="post.IdeaImagePost == 0"> 
        <img src="{{ post.IdeaImagePost }}" /> 
       </div> 
      </div> 

      <div class="card-footer"> 
       <div id="likeID" ng-click="onLike(post)"><i class="fa fa-thumbs-up {{post.LikeUserStatus ? 'active' : ''}}"></i><label>&nbsp;Like</label><span class="badge badge-xs badge-pink">{{ post.LikeUsersCount }}</span></div> 
       <div><i class="fa fa-commenting"></i>&nbsp;Comment<span class="badge badge-xs badge-pink">{{ post.CommentsCount }}</span></div> 
      </div> 
     </md-item> 
    </md-list> 

ここをもっと見る

は、JSコードは

$scope.onLike = function(post) { 
    console.log("LikeUserStatus: " + post.LikeUserStatus); 
    post.LikeUserStatus = !post.LikeUserStatus; 
    post.LikeUsersCount = post.LikeUserStatus ? parseInt(post.LikeUsersCount)+1 : parseInt(post.LikeUsersCount)-1; 

    console.log("LikeUserStatus: " + post.LikeUserStatus); 
}; 

Answer 1

console.log("LikeUserStatus: " + post.LikeUserStatus); 
 
` $timeout(function(){ 
 
    post.LikeUserStatus = !post.LikeUserStatus; 
 
    post.LikeUsersCount = post.LikeUserStatus ? parseInt(post.LikeUsersCount)+1 :parseInt(post.LikeUsersCount)-1   
 
})`;

$ timeouです実行後にダイジェストサイクルを実行します