如何在 Angular 中应用基于浏览器语言的 SCSS?

Posted

技术标签:

【中文标题】如何在 Angular 中应用基于浏览器语言的 SCSS?【英文标题】:How to apply SCSS based on browser language in Angular? 【发布时间】:2020-11-04 13:51:51 【问题描述】:

我正在尝试根据浏览器语言应用SCSS。在检查时,我在 <html lang = "de"> 和 css html[Attributes Style] -webkit-locale: "en"; 中获取浏览器语言,就像这样。

如何根据页面语言在不同的类上应用 CSS?

【问题讨论】:

【参考方案1】:

你能试试这个技巧吗?

html[lang="de"] 
  //your styles

【讨论】:

感谢 Dmitry,我已申请 :lang(de) .button//css code 为我工作。

以上是关于如何在 Angular 中应用基于浏览器语言的 SCSS?的主要内容,如果未能解决你的问题,请参考以下文章

浏览器语言检测 [重复]

现代 Angular 应用程序如何使用不同的基于传统的服务

如何在基于 angular-cli 的混合应用程序中使用 ng-annotate

如何在 Ionic3、Cordova 和 Angular4 应用程序中获取 android 设备的语言?

如何在Angular 13中基于不同的环境(本地和qa)注入服务(本地和api)?

Angular 通用服务器错误:使用默认后备时,必须在配置中提供后备语言