JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap-ctrl" ng-controller="NavigationsCtrl">
			<button ng-click="showInventory()">show inventory</button>
		</div>
    
    
	<div id="main-wrap-inventory" ng-controller="InventoriesCtrl" ng-show="showedInventory==true">
      <p style="font-size: 16px; color: darkred;">INVENTORY !</p>
	</div>

JavaScript

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

	app.factory('InventoryService', function(){
		
		var showedInventory = false;

		return{

			getShowInventory: function(){
				console.log('getShowInventory');
				return showedInventory;
			},
			showInventory: function(){
				console.log('showInventory');
				showedInventory = true;
				return showedInventory;
			}
			
		}
});

function NavigationsCtrl($scope, InventoryService){
	$scope.showInventory = function(){
		InventoryService.showInventory();
	}
}

function InventoriesCtrl($scope, InventoryService){
	$scope.showedInventory = InventoryService.getShowInventory();
}