聊天界面

talkview/src/js/controller/messageController.js

@@ -44,9 +44,17 @@ angular.module('appMessage').controller('MessageController', ['$scope', '$filter
         };
 
         $scope.getMore = function() {
-            $scope.height = document.body.scrollHeight;
-            lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadHistoryMessages', '', $scope);
-            $scope.count = false;
+            if ($scope.count) {
+                $scope.height = document.body.scrollHeight;
+                lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadHistoryMessages', '', $scope);
+                $scope.count = false;
+            } else {
+                angular.element(".i-More").addClass("hide");
+                angular.element(".n-More").removeClass("hide");
+                $scope.height = document.body.scrollHeight;
+                lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadHistoryMessages', '', $scope);
+                $scope.count = false;
+            }
         };
 
         $scope.scrollWheel = function() {

talkview/src/less/app.main.less

@@ -17,6 +17,9 @@
         font-family: "宋体";
         color: #009BDB;
         font-size: 14px;
+        .n-More{
+            color: #777;
+        }
     }
     .loadmore {
         margin-top: -5px;

talkview/src/templates/messages.html

@@ -1,6 +1,5 @@
 <div class="full-client" ng-cloak ng-mouseover="scrollShow()" infinite-scroll="scrollWheel()" infinite-scroll-distance="250" infinite-scroll-immediate-check="false">
-    <div class="getMore"><a role="button"><small ng-click="getMore()">加载更多消息</small></a></div>
-
+    <div class="getMore"><a role="button" class="i-More"><small ng-click="getMore()">加载更多消息</small></a><small class="n-More hide">当前没有更多消息</small></div>
     <div class="feed-activity-list p-l-xs p-t-xs p-r-xs loadmore" ng-cloak>
         <div class="feed-element" ng-repeat="item in historymessages | orderBy:item.index:'desc'">
             <div class="media-body" ng-history-msg="item" ng-app-content="appContent" ng-count="count" ng-height="height">