Angular Flex-Layout中的MediaObserver是用于监视媒体查询变化的服务。它可以检测屏幕尺寸的变化，并提供有关媒体查询断点的信息。

要获取MediaObserver的媒体变化（MediaChange）的优先级，可以通过订阅MediaObserver的media$可观察对象，并在回调函数中处理MediaChange对象。

下面是一个代码示例，演示如何使用MediaObserver和MediaChange：

import { Component, OnDestroy, OnInit } from '@angular/core';
import { MediaChange, MediaObserver } from '@angular/flex-layout';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-my-component',
  template: `
    
This is a small screen
    
This is a medium screen
    
This is a large screen
  `
})
export class MyComponent implements OnInit, OnDestroy {
  isSmallScreen = false;
  isMediumScreen = false;
  isLargeScreen = false;
  private mediaSub: Subscription;

  constructor(private mediaObserver: MediaObserver) {}

  ngOnInit(): void {
    this.mediaSub = this.mediaObserver.media$.subscribe((change: MediaChange) => {
      // 处理媒体查询变化
      this.isSmallScreen = change.mqAlias === 'xs';
      this.isMediumScreen = change.mqAlias === 'md' || change.mqAlias === 'lg';
      this.isLargeScreen = change.mqAlias === 'xl';
    });
  }

  ngOnDestroy(): void {
    this.mediaSub.unsubscribe();
  }
}

在上面的示例中，我们通过订阅media$可观察对象获得了媒体变化的通知。在回调函数中，我们根据MediaChange对象中的mqAlias属性来判断当前屏幕尺寸的媒体查询断点，并相应地设置布尔变量。

在模板中，我们使用*ngIf指令来根据不同的屏幕尺寸条件显示不同的内容。

请注意，为了避免内存泄漏，我们在组件销毁时取消了对media$的订阅。

希望以上解决方法对您有所帮助！