JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="mainCtrl">
  <ul>
    <div ng-repeat="m in menu" class="firstLevel">
      <li>
        <a href="#">{{m[0]}}-</a>
      </li>
      <li>
        <ul>
          <div ng-repeat="msub in m[1]">
            <a>{{msub}}</a>
          </div>
        </ul>
      </li>
    </div>
  </ul>
</div>

CSS

li {
  list-style: none;
}

li ul {
  display: none;
}

.firstLevel {
  display: inline-block;
}

li:hover > ul {
  display: block;
  position: absolute;
}

JavaScript

var app = angular.module('myApp', []);

    app.controller('mainCtrl', function($scope) {
      $scope.menu = [
        ["first", ["item1", "item 2"]],
        ["second", ["item 1", "item 2"]]
      ];
    });