RTL will help to display the RTL languages properly. To enable RTL in the template follow the steps given below:
Step 1: Simply open src->app->main->main-material.html
file and add dir ="rtl"
on the top of the div. Whole site will be reflected as RTL.
Add dir="rtl"
to that div and remove [dir]="layout"
from the div. As shown in code.
<div dir="rtl" id = "main-app" class="app {{isSidebarFilterClass}} {{isHeaderFilterClass}}" [ngClass]="{'app-dark': dark, 'boxed': boxed, 'collapsed-sidebar': collapseSidebar, 'compact-sidebar': compactSidebar, 'customizer-in': customizerIn}" [class.side-panel-opened]="coreService.sidenavOpen" [class.side-panel-closed]="!coreService.sidenavOpen">
.....
.....
</div>