2017-10-23 6 views
0

나는 angular2 + theming에 관해서 질문이 있습니다. Firestore에서 값을 설정하려고합니다. 그러면 angle2 + 응용 프로그램이로드되고 동적으로 기본 및 보조 색상을 설정하므로 값을 가져옵니다.동적 테마 데이터베이스의 값을 가진 각도 2

AngularJS에는 스크립트 코드에서 테마를 설정할 수있는 $ mdThemingProvider (링크 : https://material.angularjs.org/1.1.4/api/service/ $ mdThemingProvider)라는 서비스가 있습니다.

Angular2 또는 AngularMaterial.io에서 이와 같은 것을 보지 못했습니다. 모든 도움이 매우 감사하겠습니다. 나는 정말로 여기서 주제에 대한 해결책을 찾고 싶다. 미리 감사드립니다! AngularMaterial.io에서

답변

0

:

여러 테마

당신은 믹스 인 각각의 포함이 추가 CSS에 의해 게이트 입니다 여러 번의 각 재료 - 테마를 포함하여 응용 프로그램에 대해 여러 테마를 만들 수 있습니다 수업.

들은 두 테마 ($candy-app-theme$dark-theme)를 정의하고 내부 구성 요소를 어두운 테마를 적용하기 위해 클래스를 사용하는 방법을 제공 예. 우리의 경우 Firebase에서 테마 값을 가져 와서 클래스에 바인딩 할 것이라고 상상합니다.

+0

답변 해 주셔서 감사합니다.하지만이 경우 색상 옵션은 두 가지 재료 색상 조합이 될 수 있으므로 가능한 모든 조합을 기반으로 테마를 만들 수 없습니다. 나는 서비스가 firebase에서 색상을 가져온 후에 테마를 생성해야하는 특별한 경우가 있습니다. 나는 여기에 도움을 주셔서 감사합니다! 감사! –

+0

아, 사용자가 기본 색상과 억양 색상을 선택하도록 하시겠습니까? Material.io 색상 도구를 통해 동적 색상을 구현하는 방법을 확인하십시오. 나중에 링크를 찾아서 내 포스트를 업데이트 할 수 있는지 알게 될 것입니다. – stealththeninja

+0

https://material.io/color/#!/ – stealththeninja