/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

4 votes221 views2 answers
@angular/fire has missing dependencies
Javascript AngularJS
0 vote191 views1 answer
How to get latitude and longitude from address in angular 6
Javascript AngularJS
8 votes211 views2 answers
Angular date pipi locale
Javascript AngularJS
5 votes199 views1 answer
Angular open poort in network
Javascript AngularJS
0 vote180 views1 answer
If 'mat-option' is an Angular component, then verify that it is part of this module
Javascript AngularJS
0 vote186 views1 answer
Angular download blob pdf
Javascript AngularJS
16 votes206 views3 answers
Generate module with routing in angular
Javascript AngularJS
0 vote189 views2 answers
Angular material button toggle selected
Javascript AngularJS
0 vote202 views1 answer
Iterating hashmap angular
Javascript AngularJS
3 votes177 views1 answer
Angular ion-search
Javascript AngularJS