ייבוא קובץ css עם תנאי

רק לוודא שהבנתי: את צריכה לתמוך בכמה שפות (אנגלית, עברית, צרפתית וכו')

בשביל זה צריך שהתצוגה תשתנה מימין לשמאל ולהיפך.

אפשר לעשות את זה דרך angular.json.

בגדול התחביר הוא כזה:

בקובץ angular.json:

"styles":
  [
    "src/some-styles.css",
    {
      "input": "path/to/your/lazy-style.css",
      "lazy": true,
      "bundleName": "lazy-loaded-style"
    },
],

ואז אפשר לייבא את ה style ע"י ה bundleName שלו.

צריך לנהל את התחלופה, יש כמה דרכים, דרך html, typeScript ו javaScript

בפרויקט דוגמה המצורף בקישור- הניהול ממש מהתחלה עד הסוף (שימי לב, הוא משתמש גם בקבצי js).

מצרפת לך קישורים לכמה מקורות:

המקור הראשון הוא פרויקט הדוגמה שממש מדגים איך לעשות את זה.

https://github.com/maychan111/ng-multi-bootstrap-themes

https://codinglatte.com/posts/angular/lazy-loading-scripts-and-styles-angular/

https://juristr.com/blog/2019/08/dynamically-load-css-angular-cli/

https://stackoverflow.com/questions/46152593/lazy-load-application-theme-styles-with-angular-cli

https://github.com/angular/angular-cli/issues/4202#issuecomment-371305989

בהצלחה!!!