fix: fix the bug

.angular-cli.json

@@ -32,7 +32,7 @@
         "../node_modules/jquery-sparkline/jquery.sparkline.js",
         "../node_modules/tether/dist/js/tether.min.js",
         "../node_modules/bootstrap/dist/js/bootstrap.min.js",
-        "../node_modules/xterm/dist/xterm.js",
+        "../node_modules/term.js/src/term.js",
         "../node_modules/layui-layer/dist/layer.js",
         "../node_modules/socket.io-client/dist/socket.io.js",
         "./assets/js/mstsc.js",

src/app/elements/term/term.component.ts

 import {AfterViewInit, Component, OnInit, ViewChild} from '@angular/core';
-import {ElementRef, Renderer2} from '@angular/core';
+import {ElementRef} from '@angular/core';
 import {term} from '../../globals';
 import {Terminal} from '../../globals';
+import * as jQuery from 'jquery/dist/jquery.min.js';
 
 @Component({
   selector: 'app-element-term',
@@ -12,7 +13,7 @@ export class ElementTermComponent implements OnInit, AfterViewInit {
 
   @ViewChild('term') el: ElementRef;
 
-  constructor(private rd: Renderer2) {
+  constructor() {
   }
 
   ngOnInit() {
@@ -20,30 +21,29 @@ export class ElementTermComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit() {
-    // term.col = Math.floor(jQuery(this.el.nativeElement).width() / jQuery('#liuzheng').width() * 8) - 3;
-    // term.row = Math.floor(jQuery(this.el.nativeElement).height() / jQuery('#liuzheng').height()) - 5;
-    term.col = 90;
-    term.row = 90;
-    term.term = Terminal({
-      cols: term.col,
-      rows: term.row,
-      useStyle: true,
-      screenKeys: true,
-    });
+    term.col = Math.floor(jQuery(this.el.nativeElement).width() / jQuery('#liuzheng').width() * 8) - 3;
+    term.row = Math.floor(jQuery(this.el.nativeElement).height() / jQuery('#liuzheng').height()) - 5;
+    console.log(term);
+    // term.term = Terminal({
+    //   cols: term.col,
+    //   rows: term.row,
+    //   useStyle: true,
+    //   screenKeys: true,
+    // });
     term.term.open(this.el.nativeElement, true);
-    // const that = this;
-    // window.onresize = function () {
-    //   term.col = Math.floor(jQuery(that.el.nativeElement).width() / jQuery('#liuzheng').width() * 8) - 3;
-    //   term.row = Math.floor(jQuery(that.el.nativeElement).height() / jQuery('#liuzheng').height()) - 5;
-    //
-    //   if (term.col < 80) {
-    //     term.col = 80;
-    //   }
-    //   if (term.row < 24) {
-    //     term.row = 24;
-    //   }
-    //   term.term.resize(term.col, term.row);
-    // };
+    const that = this;
+    window.onresize = function () {
+      term.col = Math.floor(jQuery(that.el.nativeElement).width() / jQuery('#liuzheng').width() * 8) - 3;
+      term.row = Math.floor(jQuery(that.el.nativeElement).height() / jQuery('#liuzheng').height()) - 5;
+
+      if (term.col < 80) {
+        term.col = 80;
+      }
+      if (term.row < 24) {
+        term.row = 24;
+      }
+      term.term.resize(term.col, term.row);
+    };
   }
 
 }

src/app/globals.ts

@@ -11,7 +11,12 @@ export let term: {
   col: number;
   row: number;
 } = {
-  term: Terminal({}),
+  term: Terminal({
+    cols: 80,
+    rows: 24,
+    useStyle: true,
+    screenKeys: true,
+  }),
   col: 80,
   row: 24,
 };