在Angular 7中，可以使用属性绑定和localStorage来实现点击后禁用按钮，并在页面刷新后重新启用的功能。以下是一个示例代码：

在HTML模板中：

Click me

在组件中的TypeScript代码中：

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  isButtonDisabled: boolean;

  ngOnInit() {
    // 检查localStorage中是否有值，如果有则禁用按钮
    const isButtonDisabled = localStorage.getItem('isButtonDisabled');
    this.isButtonDisabled = isButtonDisabled ? JSON.parse(isButtonDisabled) : false;
  }

  disableButton() {
    // 禁用按钮，并将状态保存到localStorage中
    this.isButtonDisabled = true;
    localStorage.setItem('isButtonDisabled', JSON.stringify(true));
  }
}

在这个示例中，我们使用了一个名为isButtonDisabled的布尔值变量来控制按钮是否被禁用。在组件初始化时，我们从localStorage中获取isButtonDisabled的值，并将其转换为布尔值来设置isButtonDisabled变量的初始状态。

当按钮被点击时，我们将isButtonDisabled设置为true，并将其值保存到localStorage中。这样，即使页面刷新，我们仍然可以从localStorage中获取到isButtonDisabled的值，并将按钮的禁用状态设置为正确的值。