File

src/app/markdown/markdown-preview/markdown-preview.component.ts

Description

This component renders and displays markdown

Metadata

preserveWhitespaces true
selector app-markdown-preview
styleUrls ./markdown-preview.component.scss
templateUrl ./markdown-preview.component.html

Index

Inputs

Inputs

displayedCode
Type : string

The markdown code as a string which will be rendered

import {Component, Input} from '@angular/core';

/**
 * This component renders and displays markdown
 */
@Component({
  selector: 'app-markdown-preview',
  templateUrl: './markdown-preview.component.html',
  styleUrls: ['./markdown-preview.component.scss'],
  preserveWhitespaces: true
})
export class MarkdownPreviewComponent {
  /**
   * The markdown code as a string which will be rendered
   */
  @Input() displayedCode: string;
}
<markdown [data]="displayedCode"></markdown>

./markdown-preview.component.scss

:host {
  display: block;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""