JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="XYZController">

    <input type="checkbox" ng-model="checkValue">
    <select name="select" ng-model="selectValue">
      <option value="option-1">Option 1</option>
      <option value="option-2">Option 2</option>
      <option value="option-3">Option 3</option>
      <option value="option-4">Option 4</option>
    </select>
    <input type="text" ng-model="inputValue" ng-disabled="selectValue != 'option-1'">

  </div>
</div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

TypeScript

var show2 = false;
var app = angular.module("myApp", []);
app.controller("XYZController", function($scope) {

});