.config(Tema Teras)
function CoreTheme($mdThemingProvider) {
$mdThemingProvider.theme('default')
.primaryPalette('blue',{
'default' : '500',
'hue-1' : '900',
'hue-2' : 'A100',
'hue-3' : '400'
})
.accentPalette('green',{
'default' : '600',
'hue-1' : '900',
'hue-2' : 'A100',
'hue-3' : '400'
})
.warnPalette('deep-orange',{
'default' : '500',
});
$mdThemingProvider.alwaysWatchTheme(true)
}
CoreTheme.$inject = ['$mdThemingProvider'];
export default CoreTheme;modul.js
export default angular.module('theme',['ngMaterial']);pengawal.js
class ThemeCtrl{
constructor($scope,$rootScope,$mdThemingProvider){
$scope.changeTheme = changeTheme;
function changeTheme(theme_name){
$mdThemingProvider.theme('default').dark()
}
}
}
ThemeCtrl.$inject = ['$scope','$rootScope','$mdThemingProvider'];
export default ThemeCtrl;Saya mahu menukar gaya tema dalam pengawal ini secara dinamik, tetapi apabila saya menyuntik Penyedia ini, saya mendapat ralat! Apa yang patut dibuat?
Apa yang boleh saya fikirkan ialah (1) Bolehkah saya $menonton pembolehubah dalam .config() untuk menukar tema?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Soalan rujukan
Saya baru sahaja melihat kod sumber bahan yang terkini. Jika anda tidak menukar kod sumber, sila abaikan jawapan ini.
Anda boleh mencubanya seperti berikut:
1. Ubah suai kod sumber bahan mengikut jawapan dalam soalan rujukan
2. Dalam fasa konfigurasi, daftar $mdThemingProvider untuk digunakan oleh pengawal
3. Muat semula tema dalam pengawal
Configuring of the default theme is done by using the $mdThemingProvider during application configuration.Tapak web rasmi berkata, sila konfigurasikannya dalam konfigurasi.
bahan sudut telah pun memberikan tema semasa menjana halaman. Sebagai contoh, selepas butang md dijana, ia adalah md-button md-default-theme. Jika anda ingin mengubah suai tema, anda boleh melintasi halaman dan menggantikan md-default-theme dengan tema yang anda mahu, md-dark-theme.
Tetapi ia memenatkan, bukan?
Jadi, sebaiknya buka pratonton dalam tetingkap baharu selepas memilih tema.
Atau terdapat halaman tetapan tema berasingan yang menyenaraikan rupa semua tema. Hanya ada pilihan. Lagipun, pratonton antara muka di laman web asal adalah perkara yang sangat menjengkelkan.