JSFiddle - React, Tailwind, and code Playground

by Mohamed Rias

HTML

<!-- begin snippet: js hide: false -->
<!-- language: lang-css -->a{ color : blue } a[target=_blank]{ color : green}
<!-- language: lang-html --> <a href="someplace.html">link1</a>
 <a href="someplace.html" target="_blank">link2</a>

<!-- end snippet -->


Angular:


<!-- begin snippet: js hide: false -->

<!-- language: lang-js -->

angular.module("app",[])
.controller("MainCtrl", function($scope) {
});
<!-- language: lang-html -->


<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-controller="MainCtrl">

</body>
</html>
<!-- end snippet -->

JavaScript

angular.module("app", [])
    .controller("MainController", function ($scope) {
    $scope.formData = {
        amenities: [{
            "text": "rias",
                "enabled": true
        }, {
            "text": "rias",
                "enabled": false
        }, {
            "text": "rias",
                "enabled": true
        }]
    };
});