Class: btnGroupComponent_ directive:ngeoBtnGroup

Provides two directives: ngeo-btn-group and ngeo-btn.

The ngeo-btn-group directive allows creating "toggle" groups. It works with the ngeo-btn directive.

Example:

<div ngeo-btn-group>
  <button ngeo-btn class="btn" ng-model="ctrl.drawPoint.active"></button>
  <button ngeo-btn class="btn" ng-model="ctrl.drawLine.active"></button>
</div>

In that example the ngeo-btn are combined together in a "toggle group", where activating a button will deactivate the others.

One can use ng-model directive at the group level in order to know if a button is active.

Example:

<div ngeo-btn-group ngeo-btn-group-active="ctrl.drawToolActive">

See our live example: ../examples/interactionbtngroup.html