JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">

  <select ng-model="id" ng-init="id = 'asdf'" ng-change="select((list|filter:{id:id}))">
    <option value="asdf">--Select--</option>
    <option ng-repeat="option in list" value="{{option.id}}">{{option.name}}</option>
  </select>

</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.list = [{
    id: 1,
    name: 'A'
  }, {
    id: 2,
    name: 'B'
  }];

  $scope.select = function(opt) {
    alert($scope.id);
    console.log(opt);
  };
});