要保持屏幕和数据状态与Angular 7同步，你可以使用Angular的内置状态管理机制和本地存储。

以下是一些示例代码，演示如何在Angular 7中保持屏幕和数据状态：

1. 使用Angular的内置状态管理机制： 在组件中定义一个状态变量，并在模板中绑定它。当状态变量发生变化时，模板会自动更新。

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

@Component({
  selector: 'app-my-component',
  template: `
    
{{ title }}
    Change Title
  `
})
export class MyComponent {
  title: string = 'Initial Title';

  changeTitle() {
    this.title = 'New Title';
  }
}

2. 使用本地存储： 在组件中使用LocalStorage或SessionStorage来保存数据，并在组件初始化时从本地存储中恢复数据。

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

@Component({
  selector: 'app-my-component',
  template: `
    
{{ title }}
    Change Title
  `
})
export class MyComponent {
  title: string;

  ngOnInit() {
    // 从本地存储中获取数据
    this.title = localStorage.getItem('title');
  }

  changeTitle() {
    this.title = 'New Title';

    // 将数据保存到本地存储
    localStorage.setItem('title', this.title);
  }
}

这些示例代码演示了如何保持屏幕和数据状态与Angular 7同步。你可以根据自己的需求进行修改和扩展。