Skip to content

Latest commit

 

History

History
55 lines (48 loc) · 1.84 KB

README.md

File metadata and controls

55 lines (48 loc) · 1.84 KB

Custom field group strategies for Angular Agility

The following are new field group strategies for the Angular Agility project:

  • Checkbox
  • Currency
  • Datepicker
  • Percent
  • Radio button group (one line of HTML)
  • Select2

All are integrated with Angular Agility's validation. All except for Select2 are based on Angular UI Bootstrap

##Demo

##Blog 6 Field Group Strategies for Angular Agility

##Usage ###app.js

angular.module('app', [
        'ui.bootstrap',
        'aa.formExtensions',
        'aa.formExternalConfiguration',
        'aaCustomFGS',
        'aa.notify',
        'aa.select2'
    ]);

###Checkbox ###Currency ###Datepicker ###Percent ###Radio button group

$scope.radioList = [{ name: 'Male', id: 0 }, { name: 'Female', id: 1 }];

###Select2

$scope.states = [{ 'name': 'Minnesota', 'id': 'MN' }, { 'name': 'Wisconsin', 'id': 'WI' }];

$scope.stateSingleConfig = aaSelectService.getConfigSingle({
    options: $scope.states,
    placeholder: 'Select a state...'
});