当Angular材料未将主题应用到页面上时，可以尝试以下解决方法：

1. 确保已正确导入和设置Angular材料主题样式。在styles.scss文件中，添加以下代码：

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

确保路径与实际文件位置匹配。如果使用其他主题，可以使用相应的样式文件。

2. 确保在app.module.ts文件中正确导入和设置Angular材料模块。例如，可以添加以下代码：

import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';
// 导入其他所需的模块

@NgModule({
  imports: [
    // 其他导入的模块
    MatButtonModule,
    MatInputModule,
    // 导入其他所需的模块
  ],
  // 其他配置
})
export class AppModule { }

确保导入和设置了需要使用的Angular材料模块。

3. 确保在组件的HTML模板中使用了Angular材料组件，并为它们指定了相应的主题样式类。例如，可以使用以下代码：

按钮

确保在HTML模板中正确使用了Angular材料组件，并为它们指定了相应的主题样式类。

4. 如果以上步骤都正确无误，但仍然无法应用主题样式，可以尝试重新构建应用程序。使用以下命令重新构建应用程序：

ng build

然后重新运行应用程序，并检查是否应用了Angular材料主题样式。

希望这些解决方法对您有所帮助！