Skip to content

vonNiklasson/angular-keep-values

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-keep-values Bower version Build Status

Use the value attribute in your inputs to set the value of your ngModel.

Installation

Just use Bower.

bower install angular-keep-values --save

Then, inject it into your application:

angular.module('MyApp', ['platanus.keepValues']);

Usage

Add the keep-current-value directive to any input, select or textarea element to automatically set its value as the value of its associated ngModel, without the need for ngInit.

Example

<input type="text" ng-model="data.name" value="René Morales" keep-current-value>
<select ng-model="data.city" keep-current-value>
  <option value="1">Santiago</option>
  <option value="2" selected>Concepción</option>
</select>

<input type="radio" ng-model="data.payment" value="Master Card" keep-current-value checked>
<input type="radio" ng-model="data.payment" value="Visa" keep-current-value>
<input type="radio" ng-model="data.payment" value="None" keep-current-value>

<textarea ng-model="data.text" keep-current-value>Lorem ipsum</textarea>

Will result in:

$scope.data = {
  name: 'René Morales',
  city: '2',
  text: 'Lorem ipsum',
  payment: 'Master Card'
}

You can also use the keep-input-values directive in any container element to automatically apply keep-current-value to any child input, select or textarea tags with that have an associated ngModel, like so:

<div keep-input-values>
  <input type="text" ng-model="data.name" value="René Morales">
</div>

Results in $scope.data.name == 'René Morales'.

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Credits

Thank you contributors!

Platanus

angular-keep-values is maintained by platanus.

License

Guides is © 2014 platanus, spa. It is free software and may be redistributed under the terms specified in the LICENSE file.

About

Keep your input values in your ngModels.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%