Toogle buttons {{ 'SAMPLE' | translate }}
{{ 'NOT' | translate }} {{ 'INITIALIZED' | translate }}
{{:: 'CODE' | translate}}
<pip-toggle-buttons ng-model="type"
pip-rebind="true"
pip-buttons="buttonsCollection"
class="bm16">
</pip-toggle-buttons>
{{ 'INITIALIZED' | translate }}
{{:: 'CODE' | translate}}
HTML:
<pip-toggle-buttons
ng-model="initType"
pip-rebind="true"
pip-buttons="buttonsCollection2"
class="bm16">
</pip-toggle-buttons>
JS:
$scope.buttonsCollection2 = [
{id: 'type 1', name: 'LOW', disabled: false},
{id: 'type 2', name: 'NORMAL', disabled: false, filled: true},
{id: 'type 3', name: 'HIGH', disabled: false}
];
$scope.initType = 'type 2';
{{ 'DISABLED' | translate }}
{{:: 'CODE' | translate}}
<pip-toggle-buttons ng-model="initType"
pip-rebind="true"
ng-disabled="true"
pip-buttons="buttonsCollection3"
class="bm16">
</pip-toggle-buttons>
{{ 'COLORED' | translate }}
{{:: 'CODE' | translate}}
HTML:
<pip-toggle-buttons ng-model="type"
pip-rebind="true"
pip-buttons="buttonsColoredCollection"
class="bm16">
</pip-toggle-buttons>
JS:
$scope.buttonsColoredCollection = [
{id: 'type 1', name: 'LOW', disabled: false, backgroundColor: '#F06292'},
{id: 'type 2', name: 'NORMAL', disabled: false, backgroundColor: '#BA68C8'},
{id: 'type 3', name: 'HIGH', disabled: false, backgroundColor: '#009688'}
];
{{ 'COLORED' | translate }}, {{ 'DISABLED' | translate }}
{{:: 'CODE' | translate}}
<pip-toggle-buttons ng-model="type"
pip-rebind="true"
ng-disabled="true"
pip-buttons="buttonsColoredCollection"
class="bm16">
</pip-toggle-buttons>