D-Net

              <li *ngIf="datasetInfo.references" (click)="activeTab='References'">

                  <a class="uk-accordion-title" href="#">

                      References ({{datasetInfo.references.length | number}})

                  </a>

                  <div class="uk-accordion-content">

                    <div>

                        <div *ngIf="datasetInfo.references.length > pageSize" class="uk-margin-bottom">

                          <span class="uk-h6">{{datasetInfo.references.length | number}} references, page {{referencesPage | number}} of {{totalPages(datasetInfo.references.length) | number}}</span>

                          <paging-no-load class="uk-float-right" [currentPage]="referencesPage" [totalResults]="datasetInfo.references.length" [size]="pageSize" (pageChange)="updateReferencesPage($event)"></paging-no-load>

                        </div>

                        <div *ngFor="let item of datasetInfo.references.slice((referencesPage-1)*pageSize, referencesPage*pageSize)">

                            <p *ngIf=" item && item['url']"

                                class="custom-external custom-icon">

                                <a href="{{item['url']}}" target="_blank">

                                    {{item['name']}}

                                </a>

                            </p>

                            <p  *ngIf="!item['url']" class="pseudo-external custom-icon">

                                {{item['name']}}

                            </p>

                        </div>

                    </div>

                  </div>

               </li>