This is an OptionSelect UI control project which faciliate text enterence. Instead of entering value you can pick values from listed options.

Control has following properties;

Property | Description | --- | --- | --- select-first | picks first available option | editable="true" | allows manual text enterance | header="Instrunctions"| sets modal header | options-url="'/webApi/url'"| gather options from a json file or webapi | model="bindProperty"| binds picked or written value to current scope property | unique-id="myControlId"| sets a unique id for options modal (div) | button-name="Pick Me!| sets name of picker button |

<option-select header="Pick your dream PC!" button-name="Pick PC" options-url="'/data/pc.dat'" unique-id="pcContent"> </option-select>

[{
    "Header": "Pick your...",
    "Options": 
              [{
                  "Text": "Option1",
                  "Value": "1"
              },
             ...    
              {
                  "Text": "OptionN",
                  "Value": "N"
              }]
]

This is simple Angular 1.x control project to ease information entry on the web. Thanks to $http Angular service, we can gather predifined options from a web-api or simply from a json file.

CheatSheet.html is a simple file just to use as a quick reference of following angular features. These are ;

• binding
• controller
• constant
• value
• factory
• directive
• filter
• service

You can clone this repo with following git command git clone https://github.com/davutg/option-select.git

• AngularJS
• W3 Css
• git
• jquery