JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="SomeController as vm">
        <div ng-switch="vm.activeView">
            <div ng-switch-when="someView">some directive component</div>
            <div ng-switch-when="anotherView">another directive component</div>
            <div ng-switch-default>nothing to show</div>
        </div>
    </div>
</div>

JavaScript

(function () {
    'use strict';

    angular.module('app', [])
        .controller('SomeController', SomeController);

    function SomeController() {
        var vm = this;

        vm.activeView = 'anotherView';

        function setViewType(viewType) {
            vm.viewTypes = viewType;
        }

        setViewType('anotherView');
    }
})();