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：如何在我的用戶界面上更新後顯示數據

回答

相關問題