could get mask value only in html file

[vamaw]

Hi,

 

Could i make all validation like Mask only in HTML File ?

Like this ?

@Component({
    selector: "my-app11b",
    template: `
        <form #templateForm11b="ngForm" novalidate>
            <p>Enter valid postcode (A9 9AA)</p>
            <kendo-maskedtextbox
                    name="value1"
                    [(ngModel)]="value10b"
                    [mask]="A9 9AA"
                    [maskValidation]="true"
            ></kendo-maskedtextbox>
            <button [disabled]="!templateForm11b.valid" type="submit" class="k-button">
                Submit
            </button>
        </form>
    `,
})
export class AppComponent11b {
    public value10b = "M1 1AE"; //only data
}

 

Regards

 

[Martin]

Hi Vamaw,

Thank you for the shared code snippet.

The developer can set the mask property of the MaskedTextBox component in HTM, passing a string to the mask (without using square brackets):

<kendo-maskedtextbox
                    name="value1"
                    [(ngModel)]="value10b"
                    mask="A9 9AA"
                    [maskValidation]="true"
></kendo-maskedtextbox>

or double-quoted value when using square brackets. 

<kendo-maskedtextbox
                    name="value1"
                    [(ngModel)]="value10b"
                    [mask]="'A9 9AA'"
                    [maskValidation]="true"
></kendo-maskedtextbox>

For more details please check this article from Angular's documentation:

https://angular.io/guide/property-binding#binding-to-a-property

Regards,
Martin
Progress Telerik