/Javascript/AngularJS/How to set direction based on language in angular

How to set direction based on language in angular

import { Component } from '@angular/core';
import { TranslateService, LangChangeEvent } from '@ngx-translate/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  textDir: string = 'ltr';

  constructor(private translate: TranslateService) {

//this is to determine the text direction depending on the selected language

    this.translate.onLangChange.subscribe((event: LangChangeEvent) =>
    {
      if(event.lang == 'ar')
      {
        this.textDir = 'rtl';
      } 
      else
      {
        this.textDir = 'ltr';
      }
    });
  }

  

}

Source: stackoverflow.com

Similar codes

17 votes204 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
0 vote170 views1 answer
Angular append to FormControl errors
Javascript AngularJS
0 vote173 views1 answer
Url validation in formcontrol angular 8
Javascript AngularJS
0 vote157 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
5 votes179 views1 answer
Angular input press enter
Javascript AngularJS
1 vote165 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
0 vote167 views1 answer
Angular get file from assets
Javascript AngularJS
12 votes226 views3 answers
Angular create guard
Javascript AngularJS
0 vote176 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
-1 vote313 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS