Hi, You need to use the anchor tag to get this the way you want: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
<a href="http://google.com";>Download Link</a> The above will display "Download Link" (without the quotes) and will have the desired link like style. A click on that link will open the url specified in the href attribute Hope this helps *Bastien Lemaire* On Mon, 15 Jun 2020 at 07:46, ahmed elbarbary <ahmedsa.aziz...@gmail.com> wrote: > I work on angular 7 I face Issue I need to display offlineurl as download > Link where it Exist on report control table and columnType=1 . > > ReportId FieldName ReportStatus ColumnType2028 offilneURL > Link 12028 onlineURL Hidden 2 > > so I try to make it as below : > > <tr *ngFor="let rep of contentBody"> > > <td *ngFor="let coln of headerCols"> > > // replace coln !=='offilneURL' with (reportcontrol.field > name and columnType=1) > <span *ngIf="coln !== 'offilneURL'"> > {{rep[coln]}} > </span> > > <ng-container *ngFor="let repcon of ReportControl"> > > <div *ngIf="coln==repcon.fieldName"> > > > <div *ngIf="repcon.columnType==1"> > > <a (click)="goToLink(rep.offilneURL)"></a> > > </div> > </div> > </ng-container> > </td> > </tr> > > my stack-blitz sample as below : > > https://stackblitz.com/edit/create-ijwgfx?file=app%2Fapp.component.ts > > *Expected Result :* > > on column offlineurl (five column from left ) it display as > https://source.z2data.com/2019/1/13/8/55/47/351/662203977/21527_SPCN.PDF > > I need to show it as > > download link <https://downloadlink/> name when click on it it will > display link above on browser > > where Exist on report control table > > *Updated Post to clear What I need* > > [image: enter image description here] > <https://i.stack.imgur.com/ENyo5.png> > > -- > You received this message because you are subscribed to the Google Groups > "Angular and AngularJS discussion" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to angular+unsubscr...@googlegroups.com. > To view this discussion on the web visit > https://groups.google.com/d/msgid/angular/f4145fce-fc5f-46cf-80a9-d591c0514ff4o%40googlegroups.com > <https://groups.google.com/d/msgid/angular/f4145fce-fc5f-46cf-80a9-d591c0514ff4o%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAJ7E9zHFnD-7LmhDRnuPZkk%3D3c7mZWtfoNcsxaQTM0%3Dw4_MO9g%40mail.gmail.com.
