/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

1 vote275 views3 answers
This version of CLI is only compatible with Angular versions ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 8.1.3 was found instead.
Javascript AngularJS
0 vote277 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
0 vote269 views1 answer
Timeout httppost angular
Javascript AngularJS
0 vote281 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote259 views1 answer
Acheck angular version
Javascript AngularJS
1 vote269 views1 answer
Angular get current time
Javascript AngularJS
0 vote311 views1 answer
Chartjs angular bar beginAtZero
Javascript AngularJS
5 votes276 views1 answer
Access angular app outside localhost
Javascript AngularJS
0 vote273 views1 answer
Angular {{}} new line
Javascript AngularJS
0 vote320 views1 answer
AngularJS module can be created using ............ A. module.create(); B.angular.create(); C.angular.module(); D.var myModule = new module();
Javascript AngularJS