在Angular中，你可以使用RxJS的Observable和BehaviorSubject来实现变量的反应性。

首先，安装RxJS依赖：

npm install rxjs

然后，创建一个服务来存储你的变量并使用BehaviorSubject将其封装为可观察对象：

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

@Injectable()
export class DataService {
  private variable1Subject = new BehaviorSubject(0);
  variable1$ = this.variable1Subject.asObservable();

  setVariable1(value: number) {
    this.variable1Subject.next(value);
  }
}

在上面的代码中，我们创建了一个名为DataService的服务，其中包含一个名为variable1Subject的BehaviorSubject和一个名为variable1$的可观察对象。通过调用setVariable1方法，我们可以更新variable1Subject并通知任何订阅variable1$的观察者。

接下来，在你的组件中注入DataService并订阅variable1$：

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

@Component({
  selector: 'app-example',
  template: `
    
Variable 1: {{ variable1 }}
    
  `,
})
export class ExampleComponent implements OnInit {
  variable1: number;
  inputValue: number;

  constructor(private dataService: DataService) {}

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

  updateVariable1() {
    this.dataService.setVariable1(this.inputValue);
  }
}

在上面的代码中，我们订阅了变量variable1$，并在回调函数中更新了组件的variable1属性。同时，我们使用ngModel来绑定一个输入框和inputValue属性，并通过调用updateVariable1方法来更新DataService中的变量。

现在，当你在输入框中输入一个新值时，variable1会自动更新并在页面中显示出来。

希望这可以帮助到你！