update

src/app/app.module.ts

@@ -14,6 +14,8 @@ import {AppRoutingModule} from './app-routing.module';
 import {IndexComponent} from './index.component';
 import {WelcomeComponent} from './welcome.component';
 import {NavComponent} from './nav.component';
+import {FooterComponent} from './footer.component';
+import {LeftbarComponent} from './leftbar.component';
 import {PageNotFoundComponent} from './not-found.component';
 
 @NgModule({
@@ -27,6 +29,8 @@ import {PageNotFoundComponent} from './not-found.component';
     IndexComponent,
     WelcomeComponent,
     NavComponent,
+    LeftbarComponent,
+    FooterComponent,
     PageNotFoundComponent
     // HeroListComponent,
     // CrisisListComponent,

src/app/footer.component.ts

+/**
+ * Created by liuzheng on 2017/8/30.
+ */
+
+import {Component} from '@angular/core';
+import {Logger} from 'angular2-logger/core';
+
+import {AppService, DataStore} from './app.service';
+
+
+@Component({
+  selector: 'app-footer',
+  templateUrl: './footer.html',
+  // directives: [NgClass]
+})
+
+
+export class FooterComponent {
+  // DataStore = DataStore;
+
+  constructor(private _appService: AppService,
+              private _logger: Logger) {
+    this._logger.log('nav.ts:NavComponent');
+    // this._appService.getnav()
+  }
+
+}

src/app/footer.html

+footer

src/app/index.html

 <app-nav></app-nav>
-<div id="left-bar"></div>
+<app-leftbar></app-leftbar>
 <!--<term id="ngdiv" [ngClass]="{'hideleftbar':DataStore.leftbarhide}"></term>-->
 <router-outlet></router-outlet>
+<app-footer></app-footer>

src/app/leftbar.component.ts

+/**
+ * Created by liuzheng on 2017/8/30.
+ */
+
+import {Component} from '@angular/core';
+import {Logger} from 'angular2-logger/core';
+
+import {AppService, DataStore} from './app.service';
+
+
+//noinspection TypeScriptValidateTypes
+@Component({
+  selector: 'app-leftbar',
+  templateUrl: './leftbar.html',
+  // directives: [NgClass]
+})
+
+
+export class LeftbarComponent {
+  // DataStore = DataStore;
+
+  constructor(private _appService: AppService,
+              private _logger: Logger) {
+    this._logger.log('nav.ts:NavComponent');
+    // this._appService.getnav()
+  }
+
+}

src/app/leftbar.html

+<h3>leftbar</h3>