JSFiddle - React, Tailwind, and code Playground

by Dilip Prajapati

HTML

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<div ng-app="App">
  <div ng-controller="ctrl">
    <select ng-model="blisterPackTemplateSelected" ng-change="changedValue(blisterPackTemplateSelected)" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
      <option value="">Select Account</option>
    </select>
    {{itemList}}
  </div>
</div>

JavaScript

var app = angular.module('App', []);

function ctrl($scope) {
  $scope.itemList = [];
  $scope.blisterPackTemplates = [{
    id: 1,
    name: "a"
  }, {
    id: 2,
    name: "b"
  }, {
    id: 3,
    name: "c"
  }]

  $scope.changedValue = function(item) {
    $scope.itemList = item.name;
    /* alert(item.name); */
  }

}