Coder Social home page Coder Social logo

Comments (8)

bvaughn avatar bvaughn commented on May 3, 2024

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.

epicbagel avatar epicbagel commented on May 3, 2024

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.

bvaughn avatar bvaughn commented on May 3, 2024

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.

bbobrian avatar bbobrian commented on May 3, 2024

http://angular-ui.github.io/ui-utils/#/inflector works pretty well.

from angular-form-for.

bvaughn avatar bvaughn commented on May 3, 2024

+1 for the tip about Inflector @bbobrian

from angular-form-for.

bvaughn avatar bvaughn commented on May 3, 2024

Added via the above commit. To enable this feature, use FormForConfiguration.enableAutoLabels(). I'll update the documentation shortly.

from angular-form-for.

bvaughn avatar bvaughn commented on May 3, 2024

This will go out in the next release, probably sometime tomorrow.

from angular-form-for.

bvaughn avatar bvaughn commented on May 3, 2024

FYI 1.1.10 has been released.

from angular-form-for.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.