Angular-mt-toggle Demo

Simple angular 2 or 3 states switch

by Adrien Bosc

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://sailorzone.com/admin/plugin/angular-mt-toggle/angular-mt-toggle.js"></script>
<link rel="stylesheet" href="https://sailorzone.com/admin/styles/css/angular-mt-toggle.css">
<div ng-app="DemoApp">
    <div ng-controller="Ctrl">
        <div>
            <mt-toggle data-ng-model="selector1"></mt-toggle> Toggled: {{selector1}}
        </div>
        <div>
            <mt-toggle data-ng-model="selector2" three-states="undefined"></mt-toggle> Toggled: {{selector2}}
        </div>
        <div>
            <mt-toggle data-ng-model="selector3" three-states="-1" type="number"></mt-toggle> Toggled: {{selector3}}
        </div>
    </div>
</div>

JavaScript

var app = angular.module('DemoApp',['angular.mt.toggle']);

app.controller('Ctrl', function($scope) {
    $scope.selector1 = true;
    $scope.selector2 = true;
    $scope.selector3 = 1;
});