Comments (8)
Hey hey. Interesting suggestion! Thanks for bringing it up. :) Help me think through some of the potential edge-cases.
First, label is already optional (to allow a bit of flexibility in form layout, without the necessity of custom field templates). The part that would be new for this feature would be for formFor to guess at the label.
So...potential gotchas:
* Camel-casing is quite popular so I'd have to handle it. This could be tricky for variables with multiple uppercase letters (ex. userPIN
). I could still handle that though with a regex...but I wonder if there are any words likely to be used as variables with uppercase letters within them. (I'm just musing.)
* Variable names tend to be more...functional than presentational. I might name variables billingAddress1
and billingAddress2
but I'd likely want to group them as "Billing Address:" and then 2 inputs with placeholders for "Address" and "Address (continued)". Similar password
is often broken out into 2 fields on a form, one for confirmation. I'm not immediately sure how I'd handle these cases?
What else?
from angular-form-for.
I think in any of the edge cases, you would probably just override the label (for example, in both the userPIN and password confirmation fields).
Hiding the label could then perhaps be explicit, rather than inferred through a lack of data-label? e.g. data-hide-label="true"?
https://github.com/epeli/underscore.string already have some pieces to help with string manipulation, i often find useful.
from angular-form-for.
Hm! I think I'd want to control this auto-label default behavior via a global configuration in the FormForConfiguration
service. That way people can opt in or out more explicitly.
I recently removed formFor's Lodash dependency (by request) so I don't want to re-add it (or Underscore) just for string manipulation. I'd probably have to roll this myself.
from angular-form-for.
http://angular-ui.github.io/ui-utils/#/inflector works pretty well.
from angular-form-for.
+1 for the tip about Inflector @bbobrian
from angular-form-for.
Added via the above commit. To enable this feature, use FormForConfiguration.enableAutoLabels()
. I'll update the documentation shortly.
from angular-form-for.
This will go out in the next release, probably sometime tomorrow.
from angular-form-for.
FYI 1.1.10 has been released.
from angular-form-for.
Related Issues (20)
- Can i validate HTML or other controls using Form-for HOT 21
- Form is submitted when required checkboxes are not checked HOT 8
- Feature request: never validate not-required blank/empty/unchecked inputs HOT 4
- text-field should support input filters HOT 9
- No option to add multiple custom rules to the same field HOT 4
- Checkbox Fix Release HOT 1
- Problem with latest release HOT 9
- Formatting - Select-field HOT 2
- Enable number fields HOT 6
- checkboxField change event does not fire HOT 1
- increment validation HOT 4
- Minimum/maximum rule doesn't work when number is zero HOT 9
- SelectField auto selects the last option initially HOT 6
- Plans for Angular 2? HOT 2
- Support for asynchronous schemas HOT 2
- JSON Schema support HOT 1
- Add support for latest angular-material version HOT 3
- TypeError: Cannot read property 'unwatchers' of undefined HOT 4
- The homepage is dead HOT 1
- Dynamically change validationRules depending on submit action
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-form-for.