JSFiddle - React, Tailwind, and code Playground

by Ryan Schmukler

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-aria.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.4/hammer.js"></script>
<div ng-controller="MyCtrl" layout="column" layout-align="center center" style="min-height: 300px;">
  <md-select placeholder="Pick" ng-model="someVal">
    <md-option value="1" ng-selected="true">One</md-option>
    <md-option value="2">Two</md-option>
  </md-select>
  <p> {{ someVal }} </p>
  <md-select placeholder="Pick" ng-model="someOtherVal">
    <md-option value="1" selected="selected">One</md-option>
    <md-option value="2">Two</md-option>
  </md-select>
  <p> {{ someOtherVal }} </p>
</div>

JavaScript

angular.module('MyApp', ['ngMaterial'])
.controller('MyCtrl', function ($scope) {
    
})