JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.1/angular.js"></script>
html:
<div ng-controller="fooController as vm">
<div selector ng-model="vm.initialValue"></div>
</div>

JavaScript

angular.module('app', []);
angular.module('app').controller('fooController', fooController);
angular.module('app').directive('selector', selector);

function fooController(){
var vm = this;
vm.initialValue = 'c';
}

function selector() {
    return {
        controller: function() {
          this.myValues= ['a', 'b', 'c'];
        },
        require: 'ngModel',
        controllerAs: 'ctrl',
        scope: {
          'ngModel': '='
        },
        template: '<select ng-model="ngModel" ng-options="v for v in ctrl.myValues"> </select>',
        link: function(scope, elem, attrs, ngModelController) {
          //scope.innerModel = scope.ngModel;
          //scope.updateInnerModel = function() {
          //  ngModelController.$setViewValue(scope.innerModel);
          //};
        }
      };
}

angular.element(document).ready(() => {
    angular.bootstrap(document, ['app']);
});