JavaScript Edu Resources. Angular Courses. React Tutorials. Join us!

ng2-radio-group

Angular2 directives for radio and checkbox inputs and radio input groups

  • Ultimate set of select components that you ever need.
  • Checkbox group and radio group control for your angular2 applications.
  • If you need a simple checkbox for your variable:

    If your model is an array and you want to push multiple items into it, you can use it with this component:

    If you need to select only one item from the multiple options, you need a radio boxes:

    To simplify this selection you can use checkbox and radio groups:

    If you want to go deeper and make better (but less customizable) radio groups, then use radio-groups in composition with radio-items:

    Last method allows you to click on labels and you click will treat like you clicked on a checkbox itself.

  • { } ; { } ; @ ({ selector: , template:

    Sort by: (radio boxes wrapped in the group)

    Order by: (check boxes wrapped in the group)

    Sort by: (check boxes in group, less flexible, but simpler and the whole component is clickable)

    Order by: (radio boxes in group, less flexible, but simpler and the whole component is clickable)

    , directives: [ ] }) { rememberMe ; sortBy ; orderBy [] [ , ]; }

    Take a look on samples in .

  • /sample for more examples of usages.



GitHub

Comments are closed, but trackbacks and pingbacks are open.