Question

我有角度项目我的要求是：如何在我的UI上更新后显示数据而不刷新，服务器中的数据存储我希望它在更新后立即显示在联系人和最近选项卡上。

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

有谁知道怎么做？

Answer 1

请评论$ scope.clientList = [];在你的代码中。它会工作。你怎么没有提到UI绑定细节。

Angularjs：如何在我的UI上更新后显示数据

1 个答案: