ng2-bootstrap-base-modified/demo/src/app/api-docs/api-doc-config/api-doc-config.component.html

Native Angular Bootstrap Components Typeahead modified

<div (click)="trackSourceClick()" class="api-doc-component">
  <h3>
    <a href="https://github.com/valor-software/ng2-bootstrap/tree/development/{{apiDocs.fileName}}" target="_blank">{{apiDocs.className}}</a>
  </h3>
  <p [innerHtml]="apiDocs.description"></p>

  <template [ngIf]="apiDocs.properties && apiDocs.properties.length">
    <section>
      <h3 id="inputs">Properties</h3>
      <table class="table table-sm table-hover">
        <tbody>
        <tr *ngFor="let prop of apiDocs.properties">
          <td class="col-xs-3"><code>{{prop.name}}</code></td>
          <td class="col-xs-9">
            <div><i>Type: </i><code>{{ prop.type }}</code></div>
            <template [ngIf]="prop.defaultValue">
              <div><i>Default value: </i><code>{{prop.defaultValue || '-'}}</code></div>
            </template>
            <div [innerHtml]="prop.description"></div>
          </td>
        </tr>
        </tbody>
      </table>
    </section>
  </template>
  <!--<template [ngIf]="apiDocs.properties && apiDocs.properties.length">
    <section>
      <h3 id="inputs">Properties</h3>
      <p>
        <template ngFor let-property [ngForOf]="apiDocs.properties">
          <code>{{ property.name }}</code>
        </template>
        <i>&mdash; Documentation available in {{ directiveName }}</i>
      </p>
    </section>
  </template>-->
</div>
<hr/>