starlightViewModes.switchTofunction h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);The Angular WML Input library is a specialized Angular component designed to enhance the form input experience in Angular applications. It provides a robust set of features that simplify the process of creating, validating, and managing form inputs, particularly focusing on user interaction and data binding. The library aims to solve common problems associated with form handling in Angular, such as maintaining sync between the UI and the model, providing instant feedback to users, and integrating seamlessly with Angular’s form validation mechanisms. By offering a comprehensive suite of input-related functionalities helps developers build more interactive, user-friendly forms with less boilerplate code.
Section titled “Installation”Terminal window
npm install -s --verbose @windmillcode/angular-wml-input @windmillcode/angular-wml-input
Section titled “Getting Started”
Section titled “Input Fields”<iframe src="https://stackblitz.com/edit/stackblitz-starters-wxnz1t?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
Section titled “WMLInputZeroProps”
| Property | Type | Description |
|---|---|---|
| input | WMLInputZeroAreaProps | Input area parameters |
| textarea | WMLInputZeroAreaProps | Textarea parameters |
| range | WMLInputZeroAreaProps | Range input parameters |
| checkbox | WMLInputZeroCheckboxProps | Checkbox input parameters |
| datetime | WMLInputZeroDatetimeProps | Datetime input parameters |
| type | ”datetime" | "range" |
| wmlField | WMLField | WMLField instance for customization |
Section titled “WMLInputZeroAreaProps”
| Property | Type | Description |
|---|---|---|
| placeholder | string | Placeholder for input area |
| autocomplete | string | String values for the autocomplete attribute |
Section titled “WMLInputZeroCheckboxProps”
| Property | Type | Description |
|---|---|---|
| desc | any | Description for checkbox input |
Section titled “WMLInputZeroDatetimeProps”
| Property | Type | Description |
|---|---|---|
| min | Date | Minimum date for input |
| max | Date | Maximum date for input |
| htmlMin | string | HTML-formatted minimum date |
| htmlMax | string | HTML-formatted maximum date |
| autocomplete | string | String values for the autocomplete attribute |
Section titled “v2.0.0”BREAKING CHANGE WmlInputProps.input,WmlInputProps.textarea now have the type WMLInputAreaProps which extends WMLUIProperty with the placeholder application code will break must be updated
Section titled “v3.0.1”MAJOR rename to angular-wml-inputfixed major problems concerning ngx-translate
// translate
// first make sure to have ONLY ONE in the imports for AppModule
TranslateModule.forRoot({
defaultLanguage: 'en',
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps:[HttpClient]
}
}),
// then
WmlInputNGXTranslateModule
// for regular
WmlInputModule
all input types have id properties
Section titled “v16.2.6-0”added in datetime support along with min max controlsexample
new WmlInputProps({
type:"datetime",
datetime:new WMLInputDatetimeProps({
min:new Date()
})
}),
Section titled “v16.2.61”added support to help customize checkbox
Section titled “v16.2.70”additional updates
Section titled “v16.2.71”[BREAKING CHANGE]
input does not use the id from the wmlfield.view, it uses its own corresponding type id %!(EXTRA string=
Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package),
Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package,
Section titled “v16.2.90”updated package to reflect the version 16.2.90 of @angular/core package,
Section titled “v16.2.91”updated package to reflect the version 16.2.91 of @angular/core package,
Section titled “v16.2.93”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.100”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.110”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v16.2.120”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.10”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.11”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
Section titled “v17.0.20”updated package to reflect the version ^17.0.2 of @angular/core package,
Section titled “v17.0.40”updated package to reflect the version ^17.0.4 of @angular/core package,
Section titled “v17.0.50”updated package to reflect the version ^17.0.5 of @angular/core package,
Section titled “v17.0.60”updated package to reflect the version ^17.0.6 of @angular/core package,
Section titled “v17.0.70”updated package to reflect the version ^17.0.7 of @angular/core package,
Section titled “v17.0.7100”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.7200”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.7300”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.80”updated package to reflect the version ^17.0.8 of @angular/core package,
Section titled “v17.0.8100”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v17.0.8101”replaced ControlValueAccessor with the use of the formcontrol from wmlField.getReactiveFormControl, making integration without wml-form much easier ,
Section titled “v17.0.8102”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.8103”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.9000”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.0.9001”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.1.0000”updated package to reflect the version ^17.1.0 of @angular/core package,
Section titled “v17.1.2”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.1.1000”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v17.1.1001 [2/5/24]”added feature where each type can get its own class added to the target input element,
Section titled “v17.1.2000 [2/5/24]”updated package to reflect the version ^17.1.2 of @angular/core package,
Section titled “v17.1.2001 [2/8/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.1.3000 [2/8/24]”updated package to reflect the version ^17.1.3 of @angular/core package,
Section titled “v17.2.1000 [2/17/24]”updated package to reflect the version ^17.2.1 of @angular/core package,
Section titled “v17.2.2000 [2/23/24]”updated package to reflect the version ^17.2.2 of @angular/core package,
Section titled “v17.2.2001 [2/23/24]”updated package to reflect the version ^17.2.2 of @angular/core package,
Section titled “v17.2.3000 [2/28/24]”updated package to reflect the version ^17.2.3 of @angular/core package,
Section titled “v17.2.3001 [3/2/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.2.3002 [3/5/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.2.4000 [3/8/24]”updated package to reflect the version ^17.2.4 of @angular/core package,
Section titled “v17.2.4001 [3/12/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.2.4002 [3/12/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.2.4003 [3/13/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.2.4004 [3/13/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.3.0 [3/17/24]”updated package to reflect the version ^17.3.0 of @angular/core package ,
Section titled “v17.3.1000 [3/22/24]”updated package to reflect the version ^17.3.1 of @angular/core package,
Section titled “v17.3.2000 [3/28/24]”updated package to reflect the version ^17.3.2 of @angular/core package,
Section titled “v17.3.3000 [4/4/24]”updated package to reflect the version ^17.3.3 of @angular/core package,
Section titled “v17.3.4000 [4/11/24]”updated package to reflect the version ^17.3.4 of @angular/core package,
Section titled “v17.3.4001 [4/16/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.3.5000 [4/20/24]”updated package to reflect the version ^17.3.5 of @angular/core package,
Section titled “v17.3.5110 [5/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v17.3.6000 [5/1/24]”updated package to reflect the version ^17.3.6 of @angular/core package,
Section titled “v17.3.7000 [5/9/24]”updated package to reflect the version ^17.3.7 of @angular/core package,
Section titled “v17.3.8000 [5/9/24]”updated package to reflect the version ^17.3.8 of @angular/core package,
Section titled “v17.3.9000 [5/16/24]”updated package to reflect the version ^17.3.9 of @angular/core package,
Section titled “v18.0.1 [5/22/24]”updated package to reflect the version ^18.0.0 of @angular/core package,
Section titled “v18.0.4 [5/25/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.0.1000 [5/29/24]”updated package to reflect the version ^18.0.1 of @angular/core package,
Section titled “v18.0.2000 [6/6/24]”updated package to reflect the version ^18.0.2 of @angular/core package,
Section titled “v18.0.3000 [6/13/24]”updated package to reflect the version ^18.0.3 of @angular/core package,
Section titled “v18.0.3010 [6/18/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.0.4000 [6/23/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.0.5000 [6/26/24]”updated package to reflect the version ^18.0.5 of @angular/core package,
Section titled “v18.0.6000 [7/5/24]”updated package to reflect the version ^18.0.6 of @angular/core package,
Section titled “v18.1.4 [7/13/24]”updated package to reflect the version ^18.1.0 of @angular/core package,
Section titled “v18.1.6 [7/14/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.1000 [7/18/24]”updated package to reflect the version ^18.1.1 of @angular/core package,
Section titled “v18.1.2000 [7/24/24]”updated package to reflect the version ^18.1.2 of @angular/core package,
Section titled “v18.1.2300 [7/27/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.2301 [7/30/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.3000-beta1 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.3000-beta2 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.3000-beta3 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,
Section titled “v18.1.3000-beta4 [8/1/24]”
Section titled “v18.1.3001 [8/2/24]”[BREAKING CHANGE] removed WMLInputZeroProps.checkboxDesc
Section titled “v18.1.3001 [8/4/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3002 [8/4/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3002 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3003 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3004 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3005 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3006 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.3007 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.4000 [8/14/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.1.4001 [8/14/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.0 [8/15/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.1 [8/20/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.1000 [8/22/24]”updated package to reflect the version 18.2.1 of @angular/core package
Section titled “v18.2.2000 [8/30/24]”updated package to reflect the version 18.2.2 of @angular/core package
Section titled “v18.2.2100 [9/1/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.2101 [9/1/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.2200 [9/3/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.3000 [9/4/24]”updated package to reflect the version 18.2.3 of @angular/core package
Section titled “v18.2.3100 [9/8/24]”updated package to reflect the version 18.2.3 of @angular/core package
Section titled “v18.2.3110 [9/10/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.3112 [9/10/24]”updated package to conform with @windmillcode/angular-wml-components-base
Section titled “v18.2.4000 [9/16/24]”updated package to reflect the version 18.2.4 of @angular/core package
Section titled “v18.2.4100 [9/19/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.4200 [9/21/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.5001 [9/22/24]”updated package to reflect the version 18.2.5 of @angular/core package
Section titled “v18.2.6000 [10/1/24]”updated package to reflect the version 18.2.6 of @angular/core package
Section titled “v18.2.7000 [10/2/24]”updated package to reflect the version 18.2.7 of @angular/core package
Section titled “v18.2.7001 [10/5/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.7010 [10/9/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.7020 [10/10/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.8000 [10/10/24]”updated package to reflect the version 18.2.8 of @angular/core package
Section titled “v18.2.8000 [10/11/24]”updated package to reflect the version 18.2.8 of @angular/core package
Section titled “v18.2.8001 [10/11/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.9000 [10/23/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.10000 [10/31/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.11000 [11/7/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.12000 [11/15/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v18.2.12001 [11/17/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v19.0.0 [11/19/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v19.0.3 [11/20/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v19.0.4 [11/26/24]”updated package to conform with @windmillcode/wml-components-base
Section titled “v19.0.1000 [11/26/24]”updated package to conform with @windmillcode/wml-components-base