JSFiddle - React, Tailwind, and code Playground

by justinwinter

HTML

<script src="https://sites.google.com/a/lylesgrp.com/file-cabinet/file-cabinet/angular.js"></script>
<div ng-app="app">
  <div ng-controller="Ctrl">     
    <select ng-model="ddlViewBy" ng-options="item as item.text for item in items" >           
    </select>
    <p>{{ddlViewBy.text}}</p>
		<p>{{ddlViewBy.text}}</p>
		<p>{{ddlViewBy.text}}</p>
		<p>{{ddlViewBy.text}}</p>
		</div></div>

CSS

.ng-valid, .ng-Controller, .Ctrl, .select
{font-size:25px;
height: 30px;
border-radius: 10px;
margin: 0 0 0 300px;
}

.ng-binding {
	font-weight: bold;
	}
}

JavaScript

var app = angular.module('app', []);
function Ctrl($scope) {
  $scope.items = [{
    value: 'APC',
    text: 'American Paving Co.'
  }, 
	{
    value: 'LDI',
    text: 'Lyles Diversified, Inc.'
	},
	{
    value: 'LSC',
    text: 'Lyles Services Co.'
	},
	{
    value: 'LUC',
    text: 'Lyles Utility Construction, LLC'
	},
	{
    value: 'NESM',
    text: 'New England Sheet Metal and Mechanical Co.'
	},
	{
    value: 'WML',
    text: 'W. M. Lyles Co.'
	}
	
	];   
}