/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

0 vote221 views1 answer
Animate change background color angular
Javascript AngularJS
0 vote229 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
0 vote227 views1 answer
Angular input .valueChanges.subscribe value
Javascript AngularJS
-1 vote222 views1 answer
Date range picker in angular 8
Javascript AngularJS
27 votes259 views6 answers
How to make a component reload in angular
Javascript AngularJS
0 vote227 views1 answer
Send data with emit angular
Javascript AngularJS
4 votes232 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote252 views1 answer
Angular disabled spec.ts
Javascript AngularJS
0 vote181 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote209 views1 answer
Angular material remove outline
Javascript AngularJS