Comments (4)
I understand I can do my own thing with the code I'm using to set it, but it feels unexpected that the Code Input doesn't fire the event when it's filled in. It also requires me to then duplicate what I'm doing on (codeCompleted)
which may be as simple as a function call, but feels unnecessary. I appreciate your feedback.
from angular-code-input.
@andyrue you a right. If you will set the code programmatically the event will not be fired because you can listen the code changes when you are setting it, therefore it is redundant. Currently events will be emitted only when a user will interact with the component (input, delete, paste, etc.)
from angular-code-input.
@andyrue I am agreed, but sometimes you need to distinguish the user input from the programmatic input, it is the reason of not emitting such event.
you can do the following to exclude the code duplication, as an example:
private _code?: number;
public get code(): number | undefined {
return this._code;
}
public set code(code: number | undefined) {
this._code = code;
// check the code
// call onCodeCompleted(code);
}
from angular-code-input.
Thank you for your suggestion, I'll do something like that.
from angular-code-input.
Related Issues (20)
- Add placeholder support HOT 3
- Accessibility: Reflects text input behaviors HOT 3
- Angular Code Input Component throwing "ERROR ReferenceError: document is not defined HOT 9
- Autocapitalize HOT 1
- Add Option to Auto Capitalize inputs HOT 3
- Add support for angular 13 HOT 21
- Add --item-background-focused css var HOT 1
- auto select first input when click & empty HOT 2
- styling of input text HOT 2
- on screen material keyboard and code-input HOT 4
- Add css class on exist error HOT 1
- Keep focus after completing input HOT 1
- Usage in angular 13 project HOT 2
- Allow specifying custom input pattern HOT 1
- Need to press keyboard key twice to go change the input that have the focus on iOS HOT 6
- codeCompleted method calling function twice when code is entered quickly. HOT 2
- Input color and font-weight stylig is not applied HOT 7
- Responsive view HOT 1
- Add support for angular 16 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-code-input.