Angular: Empty Fiddle

http://angularjs.org/

by Bruno Sabetta

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div ng-controller="MyCtrl">
  <div class="container-fluid">
    <form>
      <select ng-model="detail.utilityType" class="form-control" ng-options="utility as utility.name for utility in detail.utilityList" ng-change="filterProgramList()">
      </select>

      <br>
      <br>

      <select id="Program" name="Program" class="form-control" required>

        <option ng-repeat="program in detail.programList" ng-value="program">
          Utility: {{program.name}},&nbsp; (code:{{program.programId}}) Type: {{program.utilityTypeName}}
        </option>
      </select>



    </form>

  </div>
</div>

JavaScript

angular.module('myApp', []);

angular.module('myApp').controller('MyCtrl', MyCtrl)

function MyCtrl($scope) {
	
  var programList = [{
    "programId": 1680,
    "name": "Commonwealth Edison Co",
    "utilityTypeName": "Electric",
    "programName": "Price Protect 6",
    "rate": 0.062,
    "term": 6,
    "serviceReference": false,
    "accountNumberTypeName": "Account Number",
    "accountNumberLength": 10,
    "msf": 4.95,
    "etf": 50,
    "unitOfMeasureName": "KwH",
    "meterNumberLength": null,
    "zip": "60419",
    "$$hashKey": "object:143"
  }, {
    "programId": 1297,
    "name": "Commonwealth Edison Co",
    "utilityTypeName": "Electric",
    "programName": "12 Month Fixed",
    "rate": 0.065,
    "term": 12,
    "serviceReference": false,
    "accountNumberTypeName": "Account Number",
    "accountNumberLength": 10,
    "msf": 0,
    "etf": 50,
    "unitOfMeasureName": "KwH",
    "meterNumberLength": null,
    "zip": "60419",
    "$$hashKey": "object:144"
  }, {
    "programId": 1498,
    "name": "Commonwealth Edison Co",
    "utilityTypeName": "Electric",
    "programName": "Price Protect 12",
    "rate": 0.0699,
    "term": 12,
    "serviceReference": false,
    "accountNumberTypeName": "Account Number",
    "accountNumberLength": 10,
    "msf": 4.95,
    "etf": 50,
    "unitOfMeasureName": "KwH",
    "meterNumberLength": null,
    "zip": "60419",
    "$$hashKey": "object:145"
  }, {
    "programId": 1809,
    "name": "Commonwealth Edison Co",
    "utilityTypeName": "Electric",
    "programName": "Fixed Price Protection ",
    "rate": 0.0753,
    "term": 12,
    "serviceReference": false,
    "accountNumberTypeName": "Account Number",
    "accountNumberLength": 10,
    "msf": 4.95,
    "etf": 50,
    "unitOfMeasureName": "KwH",
    "meterNumberLength": null,
    "zip": "60419",
    "$$hashKey": "object:146"
  }, {
    "programId": 1559,
    "name": "Commonwealth Edison Co",
    "utilityTypeName": "Electric",
    "programName": "Green Price Protect...