각도 언어로 현재 선택된 언어를 기반으로 변경 가져 오기 scss

각도 응용 프로그램에서 각도 번역을 사용하고 있습니다.각도 언어로 현재 선택된 언어를 기반으로 변경 가져 오기 scss

그리고, 시간을 실행하지, 당신은 당신이 뭘 하려는지 달성 할 수 SASS 이후

@import 'partials/reset'; 
@import 'partials/variables_ar';  <--------- OR 
@import 'partials/variables_en';  <--------- Based on $translate.use(); 
@import 'partials/mixins'; 
@import 'partials/angular-material-extend'; 
@import 'partials/layouts-template'; 
@import 'partials/layouts-page'; 
@import 'partials/animations'; 
@import 'partials/colors'; 
@import 'partials/icons';

출처

2016-10-26 Mohamed Qassim

내가 $ 변환 코드가이하는 SCS 파일을 가져 와서 런타임에서 언어를 설정하고 있기 때문에 당신이 이런 식으로 할 수 있다고 생각하지 않습니다 빌드 타임에 처리되고 CSS로 변환됩니다. – mojarras

그래서, 그런 식으로 할 수있는 방법이나 아이디어가 있습니까? –

이 컴파일시에 내장되어 현재 선택된 languge에 따라 가져 오기하는 SCS 파일을 변경하려면 그런 식으로.

나는 당신에게 가장 적합한 방법은 사용자가 선택한 언어를 기반으로 클래스를 변경 한 다음 해당 클래스에 따라 웹 응용 프로그램의 스타일을 지정하는 것이라고 생각합니다. 예를 들어 당신의 HTML :

<body class="{{ languageCode }}"> 
    <header>My Header</header> 
</body>

하고 SCSS :

body.en { 
    header { color: blue; } 
} 

body.fr { 
    header { color: red; } 
}

출처

2017-12-06 21:51:54

각도 언어로 현재 선택된 언어를 기반으로 변경 가져 오기 scss

답변

관련 문제