# 이슈처리

155 안읽은 메시지가 XX개 더 있습니다.' 문구 오류

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html

@@ -30,15 +30,7 @@
       "
     >
       <span class="line"></span>
-      <span class="count">
-        {{
-          'chat.event.moreUnreadEventsWith'
-            | translate
-              : {
-                  countOfUnread: firstEventSeq - (roomInfo.lastReadEventSeq + 1)
-                }
-        }}
-      </span>
+      <span class="count" [innerHTML]="getStringReadHereMore()"> </span>
       <span class="line"></span>
     </div>
     <span class="line"></span>

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts

@@ -16,6 +16,7 @@ import { FileInfo } from '../models/file-info.json';
 import { DatePipe } from '@angular/common';
 import moment from 'moment';
 import { FileDownloadItem } from '@ucap-webmessenger/api';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'ucap-chat-messages',
@@ -91,7 +92,11 @@ export class MessagesComponent implements OnInit {
   firstEventSeq = 0;
   existReadHere = false;
 
-  constructor(private logger: NGXLogger, private datePipe: DatePipe) {}
+  constructor(
+    private logger: NGXLogger,
+    private datePipe: DatePipe,
+    private translateService: TranslateService
+  ) {}
 
   ngOnInit() {
     this.profileImageRoot =
@@ -209,6 +214,14 @@ export class MessagesComponent implements OnInit {
     return false;
   }
 
+  getStringReadHereMore(): string {
+    let rtnStr = '';
+    rtnStr = this.translateService.instant('chat.event.moreUnreadEventsWith', {
+      countOfUnread: this.firstEventSeq - (this.roomInfo.lastReadEventSeq + 1)
+    });
+    return rtnStr;
+  }
+
   onClickOpenProfile(userSeq: number) {
     this.openProfile.emit(userSeq);
   }