/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 vote179 views1 answer
Angular cli spec test false
Javascript AngularJS
0 vote206 views1 answer
@angular/[email protected] node_modules/@angular/common @angular/common@"11.2.1" from the root project
Javascript AngularJS
0 vote214 views1 answer
Angular router navigate inside setTimeout
Javascript AngularJS
1 vote269 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
7 votes171 views1 answer
Angular ng serve with custom port
Javascript AngularJS
0 vote186 views3 answers
Barcode scanner angularjs chrome browser issues
Javascript AngularJS
0 vote175 views2 answers
Angular js parse json
Javascript AngularJS
1 vote169 views1 answer
Angular passing data to child component
Javascript AngularJS
0 vote174 views1 answer
Angular store select method
Javascript AngularJS
2 votes200 views1 answer
Moment use in angular
Javascript AngularJS