@myog-io/ngx-chunk-file-upload-base/demo/src/app/components/file-upload-section.html

Angular file upload directives with Chunk Upload

<section [attr.id]="name.toLowerCase()">
  <div class="row">
    <tabset>
      <tab *ngFor="let desc of tabs" heading="{{desc.heading}}" (select)="select($event)">
        <div class="card card-block panel panel-default panel-body">

          <simple-demo></simple-demo>

          <br>

          <div class="row" style="margin: 0px;">
            <tabset>
              <tab heading="Markup">
                <div class="card card-block panel panel-default panel-body">
                  <pre class="prettyprint linenums lang-html">{{desc.html.default}}</pre>
                </div>
              </tab>
              <tab heading="Component (TS)">
                <div class="card card-block panel panel-default panel-body">
                  <pre class="prettyprint linenums lang-js">{{desc.ts.default}}</pre>
                  <pre class="language-typescript"><code class="language-typescript" ng-non-bindable [innerHTML]="desc.ts"></code></pre>
                </div>
              </tab>
              <tab heading="Service (TS)">
                  <div class="card card-block panel panel-default panel-body">
                    <pre class="prettyprint linenums lang-js">{{desc.service.default}}</pre>
                    <pre class="language-typescript"><code class="language-typescript" ng-non-bindable [innerHTML]="desc.ts"></code></pre>
                  </div>
                </tab>
              <tab heading="Backend Demo">
                <div class="card card-block panel panel-default panel-body">
                  <pre class="prettyprint linenums lang-js">{{desc.js.default}}</pre>
                </div>
              </tab>
            </tabset>
          </div>
        </div>
      </tab>
    </tabset>
  </div>

  <div class="row">
    <h2>API</h2>
    <div class="card card-block panel panel-default panel-body" [innerHTML]="doc"></div>
  </div>
</section>