JSFiddle - React, Tailwind, and code Playground

by Slava P

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.17/angular-ui-router.js"></script>
<div ng-app="app">
  1
</div>
<div data-toggle="buttons">
  <label>
    <ipnut type="checkbox" />
    <span>asd</span>
  </label>
</div>

JavaScript

angular.module('app', ['ui-router', 'ui-bootstrap']).run();

angular.module('app').directive('checkBox', function() {
	return {
  	scope: {
    	ngModel: '=',
      callback: '&?'
    },
    restrict: 'E',
    bindToController: {
    	text: '@',
      callback: '&?'
    },
    controller: function() {
    
    },
    controllerAs: 'checkBoxCtrl',
    link: function() {
    
    },
    template: ''
  }
});