以下是一个示例解决方案，展示了如何在Angular 7中更新组件变量，以响应服务变量的更新。

首先，创建一个名为data.service.ts的服务文件，用于管理数据：

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private dataSubject = new BehaviorSubject('Initial value');
  public data$ = this.dataSubject.asObservable();

  updateData(value: string) {
    this.dataSubject.next(value);
  }
}

在上述代码中，我们使用了BehaviorSubject来创建一个可观察的数据流data$，并在服务中提供了一个updateData方法，用于更新数据。

接下来，在组件中使用数据服务，并监听数据的变化：

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-my-component',
  template: `
    
Data: {{ data }}
    Update Data
  `
})
export class MyComponent implements OnInit {
  data: string;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.data$.subscribe(data => {
      this.data = data;
    });
  }

  updateData() {
    this.dataService.updateData('New value');
  }
}

在组件中，我们注入了DataService，并在ngOnInit生命周期钩子中订阅了数据服务的data$流。每当数据发生变化时，我们将其更新为组件变量data。

同时，我们还提供了一个按钮，当点击按钮时，会调用updateData方法，该方法会调用服务的updateData方法来更新数据。

最后，我们需要将MyComponent添加到模块的declarations和exports中，并在模块的providers中提供DataService，以便在整个应用程序中共享该服务。

现在，当调用updateData方法更新数据时，组件中的data变量将自动更新，并在模板中进行显示。