JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<div ng-app="test">
    <div ng-controller="PhoneCtrl">
        <h1 ng-if="loading">Loading....</h1>
        <select ng-model="phoneTypes" ng-options="value.Phone_Type_Code as value.Phone_Type_Desc for (key,value) in phoneTypes">
            <option value="">Select One</option>
        </select>
    </div>
</div>

JavaScript

angular.module("test", []);

angular.module("test").controller("PhoneCtrl", ["$scope", "$timeout", function ($scope, $timeout) {


    $scope.phoneTypes = [];
    $scope.loading = true;
    $timeout(function () {
        $scope.loading = false;
        $scope.phoneTypes = [{
            "Phone_Type_Code": 1,
                "Phone_Type_Desc": "Cell",
                "Valid_Date": "2014-01-01T00:00:00.000Z",
                "Expiration_Date": null
        }, {
            "Phone_Type_Code": 2,
                "Phone_Type_Desc": "Home",
                "Valid_Date": "2014-01-01T00:00:00.000Z",
                "Expiration_Date": null
        }, {
            "Phone_Type_Code": 3,
                "Phone_Type_Desc": "Office",
                "Valid_Date": "2014-01-01T00:00:00.000Z",
                "Expiration_Date": null
        }, {
            "Phone_Type_Code": 4,
                "Phone_Type_Desc": "Other",
                "Valid_Date": "2014-01-01T00:00:00.000Z",
                "Expiration_Date": null
        }];
    }, 1000);



}]);