/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 vote292 views1 answer
Disable strict mode angular
Javascript AngularJS
0 vote284 views2 answers
Angular 8 remove cookies
Javascript AngularJS
1 vote283 views1 answer
Angular run validation on other controls
Javascript AngularJS
4 votes266 views3 answers
Get route query params angular
Javascript AngularJS
0 vote281 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
1 vote319 views1 answer
Angular directive output
Javascript AngularJS
0 vote340 views2 answers
Angularjs fractionSize with dot
Javascript AngularJS
0 vote315 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
1 vote355 views1 answer
Angular 10 set error on form controle
Javascript AngularJS
0 vote325 views1 answer
Angular how to run code every time you route
Javascript AngularJS