Гиперссылка на столбец с исходными данными

как добавить гиперссылку в столбец данных, чтобы передать значение этого столбца в новое окно в приложении angular 2?

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
      {{row.name}}
    </ng-template>
  </p-column>

При щелчке имени в таблице данных имя должно отображаться в текстовом поле новой страницы. Может ли кто-нибудь предоставить образцы кода для этого?


person Jan69    schedule 26.07.2017    source источник


Ответы (3)


Вы можете просто добавить ссылку в свой ng-template. Например:

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
        <a routerLink="/target/{{row.id}}">{{row.name}}</a>
    </ng-template>
</p-column>
person Hendrik Brummermann    schedule 26.07.2017
comment
Большое спасибо. - person Jan69; 26.07.2017

После добавления ссылки на роутер все работает нормально.

 <p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
        <ng-template let-row="rowData" pTemplate type="body">
          <a [routerLink]="['/newregform',row.name]">{{row.name}}</a>
        </ng-template>
     </p-column>
person Jan69    schedule 27.07.2017

Вы можете предоставить шаблон для столбца и отобразить там все, что вам нужно.

person Aleksandr Petrovskij    schedule 26.07.2017
comment
я добавил шаблон для столбца. подскажите пожалуйста как это сделать? - person Jan69; 26.07.2017