url

import { Component } from '@angular/core';
import { WrInput } from 'ngwr/input';
import { WrValidators } from 'ngwr/validators';

@Component({ imports: [WrInput] })
export class MyComponent {}

errors: null

import { FormControl } from '@angular/forms';
import { WrValidators } from 'ngwr/validators';

const link = new FormControl('', [WrValidators.url()]);

const secure = new FormControl('', [
  WrValidators.url({ protocols: ['https'] }),
]);
secure.setValue('http://example.com');
secure.errors; // { url: { allowed: ['https'] } }

Name	Description	Type	Default
`signature`	Call it to get a `ValidatorFn`.	`(options?: { protocols?: readonly string[]; requireProtocol?: boolean }) => ValidatorFn`	`—`
`options.protocols`	Accepted schemes, any case, with or without `:`.	`readonly string[]`	`any scheme`
`options.requireProtocol`	When `false`, `ngwr.dev` passes, read as `https://ngwr.dev`.	`boolean`	`true`
`error key`	Not a URL: `{ url: true }`. Wrong scheme: `{ url: { allowed: [...] } }`. Empty value passes.	`{ url: true \| { allowed: string[] } }`	`—`

Installation

Live demo — any scheme

Live demo — HTTPS only

Usage

API

See also