demo(app): enhanced the getting started module to render the readme of the library

Author: AnthonyNahas

demo/package-lock.json

@@ -33,13 +33,14 @@
     "bootstrap": "^4.1.3",
     "core-js": "^2.5.4",
     "font-awesome": "^4.7.0",
+    "ngx-markdown": "^6.1.0",
     "rxjs": "^6.0.0",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.7.1",
     "@angular-devkit/schematics": "^0.7.1",
-    "@angular/cli": "~6.1.1",
+    "@angular/cli": "~6.1.2",
     "@angular/compiler-cli": "^6.1.0",
     "@angular/language-service": "^6.1.0",
     "@angularclass/hmr": "~2.1.3",

demo/package.json

@@ -1,5 +1,4 @@
 import {NgModule} from '@angular/core';
-import {HttpModule} from '@angular/http';
 import {FormsModule} from '@angular/forms';
 import {BrowserModule} from '@angular/platform-browser';
 import {TransferHttpCacheModule} from '@nguniversal/common';
@@ -9,6 +8,8 @@ import {AppSharedModule} from './shared/shared.module';
 import {HomeModule} from './home/home.module';
 import {AppComponent} from './app.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {HttpClient, HttpClientModule} from '@angular/common/http';
+import {MarkdownModule} from 'ngx-markdown';
 
 @NgModule({
   declarations: [
@@ -19,10 +20,11 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
     // The application ID can be any identifier which is unique on
     // the page.
     BrowserModule.withServerTransition({appId: '@angular-material-extensions/link-preview-demo-id'}),
+    MarkdownModule.forRoot({loader: HttpClient}),
     TransferHttpCacheModule,
     BrowserAnimationsModule,
     FormsModule,
-    HttpModule,
+    HttpClientModule,
     AppRoutingModule,
     AppSharedModule,
     HomeModule

demo/src/app/app.module.ts

@@ -6,7 +6,6 @@ <h1>Getting Started</h1>
 
 <section class="getting-started">
   <div class="container">
-<!-- put your content here-->
-Put your content here. Typically instructions about how to install/use your library.
+    <markdown src="https://cdn.rawgit.com/angular-material-extensions/link-previewmaster/README.md"></markdown>
   </div>
-</section>
+</section>

demo/src/app/getting-started/getting-started.component.html

@@ -2,10 +2,12 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { GettingStartedComponent } from './getting-started.component';
 import { GettingStartedRoutingModule } from './getting-started-routing.module';
+import {MarkdownModule} from 'ngx-markdown';
 
 @NgModule({
   imports: [
     CommonModule,
+    MarkdownModule.forChild(),
     GettingStartedRoutingModule
   ],
   declarations: [GettingStartedComponent],