Angularjs：如何在我的用户界面上更新后显示数据

我有角项目我的要求是：如何显示更新后的数据在我的用户界面上没有刷新，数据存储在服务器我希望它显示后立即联系和最近的选项卡更新。Angularjs：如何在我的用户界面上更新后显示数据

UI绑定：

<li class="media contact-card"> 
     <div class="media-left"> 
      <a ui-sref=".viewClient({'clientId':client._id})"> 
      <img class="media-object img-circle" src="https://placehold.it/42x42" alt="https://placehold.it/64x64"> 
      <!--<div class="circle" ng-class="getRandomColorClass('Xipesh Gandhi')"><p>{{generateInitialChar('Dipesh Gandhi')}}</p></div>--> 
     </a> 
     </div> 
     <div class="media-body"> 
     <div class="pull-left"> 
     <h4 class="media-heading pull-left">{{client.firstName}} {{client.lastName}}</h4> 
     </div> 
     <div class="pull-right"> 
     <a class="" ui-sref=".editClient({'clientId':client._id})"> <i class="glyphicon glyphicon-pencil" ></i></a> 
     <a class=""> <i class="glyphicon glyphicon-trash" ></i></a> 
     </div> 
     <div class="clearfix"></div> 
     <span>{{client.address}}</span> 
     <span>{{client.birthDate | date:'mediumDate'}}</span> 
    </div> 
</li>

查看：

 <div class="tab-wrapper"> 
       <tabset justified="true"> 
        <tab heading="CONTACTS"> 
         <div class="tab-content"> 
          <div> 
           <div class="pull-right"> 
            <a class="add-client-link" ui-sref=".client"> <i class="glyphicon glyphicon-plus" ></i> Add Contact </a> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
          <div class="hr"></div> 

          <div class="scrollable-container"> 
           <ul class="media-list"> 
            <contact-card data-client="client" ng-repeat="client in clientList"></contact-card> 
           </ul> 
          </div> 

         </div> 
        </tab> 
        <tab heading="RECENT"> 
         <div class="tab-content"> 
          <div> 
           <div class="pull-right"> 
            <a class="add-client-link" ui-sref=".client"> <i class="glyphicon glyphicon-plus" ></i> Create Meeting </a> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
          <div class="hr"></div> 

          <div class="scrollable-container"> 
           <ul class="media-list"> 
            <contact-card data-client="client" ng-repeat="client in clientList"></contact-card> 
           </ul> 
          </div> 
         </div> 
        </tab> 
       </tabset> 
      </div>

控制器：

 $scope.updateClientList = function(client, operation){ 
     if(operations.ADD === operation){ 
      //$scope.clientList.push({firstname: $scope.client.firstName, lastname: $scope.client.lastName}); 
      //$scope.clientList.push(client); 
      $scope.clientList.push (client); 
      // $scope.clientList = []; 

     } else if(operations.EDIT === operation){ 

     } else if(operations.DELETE === operation){ 

     } 
     $state.go('meeting-home.viewClient', {'clientId':client._id}); 
    };

有谁知道怎么办呢？

来源

2015-09-01 Vikas

如果没有Plunker或JSFiddle，这很难回答。通常，如果您的数据绑定到范围，那么在更改时它应该会自动更新。 – muenchdo

这是干什么的？ '$ scope.clientList.push（client）; $ scope.clientList = [];'你推客户端，并再次使列表为空？ – Nilesh

我的数据在服务器上存储并在更新后立即显示在窗体视图上，但不会在“联系人”和“最近”选项卡中不刷新显示。 – Vikas

请评论$ scope.clientList = [];在你的代码中。它会工作。任何你如何不提及UI绑定的细节。

来源

2015-09-01 10:22:03 saikumar

Angularjs：如何在我的用户界面上更新后显示数据

回答

相关问题