suniltaneja / angular-initial-value Goto Github PK

View Code? Open in Web Editor NEW

A tiny AngularJS directive to set ng-model (and consequently field value) based on form fields attributes.

License: MIT License

JavaScript 51.33% HTML 48.67%

angular-initial-value's Introduction

Angular Initial Value

A tiny AngularJS directive to set ng-model (and consequently field value) based on form fields attributes.

Usage

1- Download plugin (bower install angular-initial-value) or use CDN address and import it after AngularJS:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="//cdn.jsdelivr.net/angular.initial-value/latest/angular-initial-value.min.js"></script>

2- Load the module in your application:

var app = angular.module('myApp', ['initialValue']);

3- Add initial-value attribute for your form fields, it supports the most common inputs like text, email, tel, color, range, search, url, password, checkbox, radio, select, textarea.

<body ng-app="myApp">
  <input type="text" value="John" name="text" initial-value ng-model="text" id="text"/>
</body>

You can pass the start value to attribute as well (this feature is not available only for checkbox and radio)

<body ng-app="myApp">
  <input type="text" name="text" initial-value="John" ng-model="text" id="text"/>
</body>

How it works

The script will read values from value, checked and selected attributes and load them into its respectives ng-model's.

Contributing

Check CONTRIBUTING.md for more information.

Related projects

After starting this project I found this another one which pretends deal with the same issue.

License

This projected is licensed under the terms of the MIT license.

Recommend Projects

suniltaneja / angular-initial-value Goto Github PK