在Angular-Archwizard中，可以使用自定义验证器函数来验证当前页面的表单数据。以下是一个示例解决方案：

1. 在组件文件中，定义一个自定义验证器函数。例如，假设我们要验证一个名为"page1Form"的表单，其中包含一个名为"firstName"的输入框：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-component',
  templateUrl: './component.html',
  styleUrls: ['./component.css']
})
export class AppComponent {
  page1Form: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.page1Form = this.formBuilder.group({
      firstName: ['', Validators.required]
    });
  }

  validatePage1(): boolean {
    if (this.page1Form.invalid) {
      // 执行验证失败的逻辑，例如显示错误消息
      return false;
    }
    // 执行验证成功的逻辑
    return true;
  }
}

2. 在HTML模板文件中，调用自定义验证器函数并根据验证结果决定是否禁用下一步按钮。例如：

  
    

      First Name:
      
      
First Name is required.
    
    
Please fill in all required fields.
  
  
    
  
  
    
  


Next

在以上示例中，我们在第一个步骤的表单中添加了一个自定义验证器函数validatePage1()。该函数检查表单是否有效并返回相应的布尔值。在HTML模板中，我们使用*ngIf指令根据验证结果显示错误消息，并在下一步按钮上使用[disabled]属性禁用按钮，直到表单验证通过。

请注意，以上示例仅演示如何在Angular-Archwizard中验证当前页面的表单数据，并禁用下一步按钮。根据具体需求，您可能需要根据输入字段的不同要求自定义验证逻辑。