angular-keep-values

angular-keep-values

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>

<input type="checkbox" ng-model="data.remember" keep-current-value checked />

Will result in:

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

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

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

Credits

Thank you contributors!

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.