JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-cookies.js"></script>
<select ng-app="app" ng-controller="MainController as vm">
  <option ng-repeat="opt in vm.options track by opt.id" value="{{opt.id}}" ng-selected="opt.id == vm.valor">{{opt.name}}</option>
</select>

JavaScript

(function() {
	var app = angular.module('app', ['ngCookies']);
  app.controller('MainController', ['$cookies', MainController]);
  
  function MainController($cookies) {
  	var self = this;
    self.options = [{id: 1, name: 'ABC'}, {id: 2, name: 'DEF'}, {id: 3, name: 'GHI'}];
    //self.valor = 3;
    $cookies.put("abc", 3);
    self.valor = $cookies.get("abc");
    $cookies.remove("abc");
  }
})();