JSFiddle - React, Tailwind, and code Playground

by Toni Leppä

HTML

<div ng-app="App" >
<div ng-controller="ctrl">
<select  ng-model="foo" ng-change="changedValue()" 
     ng-options="foo as foo.name for foo in blisterPackTemplates">

</select>
{{itemListFoo}}     
 
    <br></br>

<select  ng-model="bar" ng-change="changedValue()" 
     ng-options="bar as bar.name for bar in blisterPackTemplates">
</select>
{{itemListBar}}     
  
</div>
</div>

JavaScript

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

function ctrl($scope){
    $scope.itemListFoo=[];
    $scope.itemListBar=[];
    $scope.blisterPackTemplates=[{id:0,name:"--Select--"},{id:1,name:"a"},{id:2,name:"b"},{id:3,name:"c"}];
    $scope.foo=$scope.blisterPackTemplates[0];
     $scope.bar=$scope.blisterPackTemplates[0];
        
    $scope.changedValue=function(){
         
          var d2 = $scope.bar;
        var d1 = $scope.foo;
     
     
          $scope.itemListBar.push('d2: '+d2.name);
        $scope.itemListFoo.push('d1: '+d1.name);
      
    }    
    
}