/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

21 votes164 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
1 vote123 views1 answer
Create an array of numbers by numbers range in angular
Javascript AngularJS
1 vote109 views1 answer
Setinterval in angular 6
Javascript AngularJS
1 vote111 views1 answer
Angular cli don't generate spec
Javascript AngularJS
10 votes120 views2 answers
Angular http request query params
Javascript AngularJS
5 votes108 views1 answer
Angular x social login
Javascript AngularJS
0 vote119 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
-1 vote120 views2 answers
Angular generate directive
Javascript AngularJS
1 vote115 views1 answer
Angular selector
Javascript AngularJS
1 vote106 views1 answer
What it means --skiptests==true in angular
Javascript AngularJS