JSFiddle - React, Tailwind, and code Playground

HTML

<div  ng-app="myApp">
    <div ng-controller="MainController">
      <label class="item item-input item-select">
        <div class="input-label">Make</div>
        <select ng-model="make" ng-options="item as item.name for item in items[0].makes"></select>

        <div class="input-label">Model</div>
        <select ng-model="model" ng-options="item as item.name for item in make.models"></select>

        <div class="input-label">Year</div> 
        <select ng-model="year" ng-options="item for item in model.years"> </select> 

    </label>
    </div>
  </div>

JavaScript

angular.module('myApp',[])
  .controller('MainController', ['$scope', function($scope) {
    
    $scope.items = [
      {
        makes: [
          {name: 'make01', 
            models: [ 
                    {name:'model0101', years:['111','112']}, 
                    {name:'model0102', years:['121', '122']} 
                    ]
          },
          {name: 'make02', 
            models: 
                    [ 
                    {name:'model0201', years:['211','212']}, 
                    {name:'model0202', years:['221', '222']} 
                    ]
          }
        ]
      }
    ];
  }]);