Angular-mdl与SSR的Angular Universal兼容。下面是一种解决方法：

1. 首先，确保已经安装了Angular-mdl和Angular Universal，可以使用以下命令：

npm install angular-mdl @angular/platform-server --save

2. 在app.module.ts文件中导入Angular-mdl模块和Angular Universal模块，并将它们添加到imports数组中：

import { MdlModule } from '@angular-mdl/core';
import { ServerModule } from '@angular/platform-server';

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

3. 在app.server.module.ts文件中，导入Angular-mdl模块和Angular Universal模块，并将它们添加到imports数组中：

import { MdlModule } from '@angular-mdl/core';
import { ServerModule } from '@angular/platform-server';

@NgModule({
  imports: [
    MdlModule,
    ServerModule,
    // 其他导入的模块
  ],
  // 其他配置
})
export class AppServerModule { }

4. 确保在应用的组件中正确使用Angular-mdl指令和组件。例如，在app.component.ts文件中：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    
  `,
})
export class AppComponent {
  name: string;
}

请注意，这只是一个示例，您可以根据实际需要使用任何其他Angular-mdl指令和组件。

5. 构建和启动应用程序，以确保Angular-mdl和Angular Universal正常工作：

ng build --prod
ng run your-app:serve-ssr

以上就是使Angular-mdl与SSR的Angular Universal兼容的解决方法。请根据您的实际情况进行调整和修改。