How to display a hyperelink

[Rossco8]

Question
How to display a simple HTML hyperlink in a form?

This is my custom type

import { Component } from '@angular/core';
import { FieldType } from '@ngx-formly/core';

@Component({
 selector: 'formly-link-component',
 template: `
 <a [href]="to.url">{{ to.title }}</a>
 `,
})
export class FormlyLinkComponent extends FieldType {

}

In app.module.ts I have added

{ name: "link", component: FormlyLinkComponent },

Here is a stackblitz example. The link component is always ignored when loading from JSON
https://stackblitz.com/edit/ngx-formly-ui-material-fv4a2x?file=src/assets/simple.json

[aitboudad]

use widget:

{
  "type": "string",
+ "widget": {
+   "formlyConfig": {
+     "type": "link",
+     "templateOptions": { "url": "https:\/\/en.wikipedia.org\/wiki\/Chuck_Norris" }
+   }
+ }
}

#1982 (comment)

[Rossco8]

thanks, that worked