"Yenisi"
Bootstrap 3.3.0 Snippet by muhittinbudak

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html ng-app="app"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script> <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body ng-controller="Ctrl"> <h4>Single toggle</h4> <pre>{{singleModel}}</pre> <button type="button" class="btn btn-primary" ng-model="singleModel" uib-btn> Single Toggle </button> <h4>Radio & Uncheckable Radio</h4> <pre>{{radio.model || 'null'}}</pre> <div class="btn-group"> <label ng-repeat="test in ['Left', 'Middle', 'Right']" class="btn btn-primary" ng-model="radio.model" btn-radio="test">{{test}}</label> </div> <button class="btn btn-info">Cevap</button> <button uib-btn-checkbox type="button" ng-click="fonk()" class="btn btn-primary" ng-model="singleModel" uib-btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0"> Tıkla </button> </body> </html>
var app = angular.module('app', ['ui.bootstrap']); app.controller('Ctrl', function ($scope) { $scope.singleModel = 1; $scope.radio = { model: 'Middle' }; $scope.fonk = function(){ alert(1); } $scope.radioModel = 'Middle'; $scope.checkModel = { left: false, middle: true, right: false }; });

Related: See More

Rotating CSS Card

Questions / Comments: