Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@angular-material-extensions/input-counter
Advanced tools
Changelog
1.0.1 (2022-07-06)
demo: minor (af1be58)
demo: minor (41872f6)
project: bug in schematics (b2d33b6)
project: minor (4790e92)
project: minor (8c9c617)
project: minor (c65e92e)
project: minor (974bed2)
project: removed schematics (1b21217)
project: removed schematics (00e03b6)
project: upgraded angular core and cli to v10 (36af5be)
project: upgraded angular material to v10 (7b907b3)
project: upgraded angular material to v11 (42a5f12)
project: upgraded angular material to v11 (e0ae720)
project: upgraded angular material to v11 (e40fd8d)
project: upgraded angular material to v11 (93947d2)
project: upgraded angular material to v11 (61e3115)
project: upgraded angular material to v11 (4e6f26e)
project: upgraded angular material to v12 (2e2a988)
project: upgraded angular material to v12 (1751140)
project: upgraded angular material to v12 (1ec83d5)
project: upgraded angular material to v12 (4f0f63e)
project: upgraded angular material to v12 (217a76a)
project: upgraded angular material to v13 (875657f)
project: upgraded angular material to v13 (d91c8e2)
project: upgraded angular material to v14 (cea480d)
project: upgraded angular to v13 (1fa116b)
project: upgraded angular to v13 (879c1b0)
project: upgraded angular to v14 (1a25b81)
project: upgraded angular to v14 (56eba91)
project: upgraded angular universal to v10 (838f139)
project: upgraded angular universal to v10 (a529f6e)
project: upgraded angular universal to v10 (60ad412)
project: upgraded angular universal to v11 (5f83ab0)
project: upgraded angular universal to v11 (b0079ee)
project: upgraded angular universal to v11 (468812e)
project: upgraded angular universal to v12 (698b9a4)
project: upgraded angular universal to v13 (5d6dbef)
project: upgraded angular universal to v13 (28383bb)
docs(project): Updating CHANGELOG.md for v0.1.1 (5df53df)
Readme
Do you have any question or suggestion ? Please do not hesitate to contact us! Alternatively, provide a PR | open an appropriate issue here
If did you like this project, support angular-material-extensions by starring :star: and sharing it :loudspeaker:
View all the directives and components in action at https://angular-material-extensions.github.io/input-counter
Now install @angular-material-extensions/input-counter
via:
npm install --save @angular-material-extensions/input-counter
for the ui input component, please consider to install the following packages
npm i @angular/cdk @angular/material @angular/animations @angular/forms
Note:If you are using
SystemJS
, you should adjust your configuration to point to the UMD bundle. In your systemjs config file,map
needs to tell the System loader where to look for@angular-material-extensions/input-counter
:
{
'@angular-material-extensions/input-counter';: 'node_modules/@angular-material-extensions/input-counter/bundles/input-counter.umd.js',
}
Once installed you need to import the main module:
import { MatInputCounterModule } from '@angular-material-extensions/input-counter';
The only remaining part is to list the imported module in your application module. The exact method will be slightly
different for the root (top-level) module for which you should end up with the code similar to (notice MatInputCounterModule.forRoot()
):
import { MatInputCounterModule } from '@angular-material-extensions/input-counter';
@NgModule({
declarations: [AppComponent, ...],
imports: [
MatInputCounterModule, ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
Other modules in your application can simply import MatInputCounterModule
:
import { MatInputCounterModule } from '@angular-material-extensions/input-counter';
@NgModule({
declarations: [OtherComponent, ...],
imports: [
MatInputCounterModule, ...],
})
export class OtherModule {
}
mat-input-counter
<mat-input-counter [min]="1"
[max]="10"
[step]="0.5"
[label]="Your label"
placeholder="your place holder">
</mat-input-counter>
<form [formGroup]="formGroup">
<mat-input-counter formControlName="inputCounter"
[min]="+options.min"
[max]="+options.max"
[step]="+options.step"
[label]="options.label"
[placeholder]="options.placeholder">
</mat-input-counter>
</form>
formGroup: FormGroup;
this.formGroup = new FormGroup({
inputCounter: new FormControl()
});
matGoogleMapsAutocomplete
option | bind | type | default | description |
---|---|---|---|---|
value | Input() | number ; | - | the value of the component (number) |
min | Input() | number ; | - | The minimum value that the counter can have. |
max | Input() | number ; | - | The maximum value that the counter can have. |
step | Input() | number | - | The values at which the thumb will snap. |
label | Input() | string | - | Label of the form field |
placeholder | Input() | string | - | Placeholder of the form field |
change | Output() | number | - | event when the input form value changed |
Please checkout the full documentation here
npm i
projects/angular-material-extensions/input-counter
npm run build
Built by and for developers :heart: we will help you :punch:
Copyright (c) 2020 Anthony Nahas. Licensed under the MIT License (MIT)
FAQs
Modern number input component built with angular and material design
The npm package @angular-material-extensions/input-counter receives a total of 8 weekly downloads. As such, @angular-material-extensions/input-counter popularity was classified as not popular.
We found that @angular-material-extensions/input-counter demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.