JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.5/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.5/angular-material.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-aria.js"></script>
<div ng-app="myApp">
    <div ng-controller="MyCtrl">
    <md-content>
        <md-tabs md-dynamic-height md-border-bottom md-selected="selected"	>
            <md-tab label="Tab1" ng-click="tabClicked('Tab1')">
                <md-content>
                    myContent 1
                </md-content>
            </md-tab>
            <md-tab label="Tab2" ng-click="tabClicked('Tab2')">
                <md-content>
                    mycontent 2
                </md-content>
            </md-tab>
        </md-tabs>
</md-content>
    </div>
</div>

JavaScript

angular.module("myApp",['ngMaterial']).controller("MyCtrl", function($scope) {

      $scope.selected = 0
      
      $scope.tabClicked = function(tab) {
      	switch (tab) {
            case 'Tab1':
                 $scope.selected = 0
                break;
            case 'Tab2':
                $scope.selected = 0
                break;
        }
      }
      
});