JSFiddle - React, Tailwind, and code Playground

HTML

<div data-ng-app data-ng-controller="myCtrl">
  <select data-ng-model="option1" data-ng-options="option for option in options1 " data-ng-change="getOptions2($index)">
  </select>
  <select data-ng-model="option2" data-ng-options="option for option in options2" data-ng-show='options2.length' data-ng-change="getOptions3()">
  </select>
  <select data-ng-model="option3" data-ng-options="option for option in options3" data-ng-show='options3.length'>
  </select>
</div>

JavaScript

var option1Options = ["option1 - 1", "option1 - 2", "option1 - 3"];
var option2Options = [
  ["option2 - 1-1", "option2 - 1-2", "option2 - 1-3"],
  ["option2 - 2-1", "option2 - 2-2", "option2 - 2-3"],
  ["option2 - 3-1", "option2 - 3-2", "option2 - 3-3"]
];
var option3Options = [
  ["option3 - 1-1", "option3 - 1-2", "option3 - 1-3"],
  ["option3 - 2-1", "option3 - 2-2", "option3 - 2-3"],
  ["option3 - 3-1", "option3 - 3-2", "option3 - 3-3"]
];

function myCtrl($scope) {
  $scope.options1 = option1Options;
  $scope.options2 = []; // we'll get these later
  $scope.options3 = [];
  $scope.getOptions2 = function() {
    $scope.options2 = option2Options[option1Options.indexOf($scope.option1)];
    $scope.getOptions3();
  };
  
  $scope.getOptions3 = function() {
   $scope.options3 = option3Options[$scope.options2.indexOf($scope.option2)];
  }
}