Field Splitter directive v0.1

Demo page for the directive

Basic example, using all default values

Example #1:


Data saved on ng-model: {{formData.testField_1}}
HTML Code <input type="text" id="test" ng-model="formData.testField_1" split-field/>
Example #2:

Some static configuration


Data saved on ng-model: {{formData.testField}}
HTML Code <input type="text" id="test2" split-field split-glue="/" split-max-length="2" split-into="2" split-default-value="___" ng-model="formData.testField"/>

Dynamic example. Using functions instead of static values for some of the configuration options

Example #3:


Data saved on ng-model: {{formData.testField_3}}
HTML Code <input type="text" id="test4" split-field split-glue="-" split-glue-original="false" split-default-value="{{test()}}" ng-model="formData.testField_3"/>