下面是一个使用Angular 6实现手风琴权限的示例代码：

首先，创建一个AccordionComponent组件，用于显示手风琴：

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

@Component({
  selector: 'app-accordion',
  template: `
    

      

        

          {{ item.title }}
        
        

          {{ item.content }}
        
      
    
  `,
  styles: [
    `
    .accordion {
      border: 1px solid #ccc;
    }
    .accordion-item {
      border-bottom: 1px solid #ccc;
    }
    .accordion-header {
      background-color: #f0f0f0;
      padding: 10px;
      cursor: pointer;
    }
    .accordion-content {
      padding: 10px;
    }
    `
  ]
})
export class AccordionComponent {
  @Input() items: any[];

  toggleAccordion(index: number) {
    this.items[index].isOpen = !this.items[index].isOpen;
  }
}

在父组件中，创建一个包含所有表单字段的表单，并根据表单的状态来控制手风琴的显示：

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

@Component({
  selector: 'app-parent',
  template: `
    

      
      
      

      

      Submit
    
  `
})
export class ParentComponent {
  form: FormGroup;
  accordionItems: any[];

  constructor(private formBuilder: FormBuilder) {
    this.form = this.formBuilder.group({
      field1: ['', Validators.required],
      field2: ['', Validators.required],
      field3: ['', Validators.required]
    });

    this.accordionItems = [
      { title: 'Accordion 1', content: 'Content 1', isOpen: false },
      { title: 'Accordion 2', content: 'Content 2', isOpen: false },
      { title: 'Accordion 3', content: 'Content 3', isOpen: false }
    ];
  }

  submitForm() {
    // 处理表单提交逻辑
  }
}

在上面的示例中，当表单中的所有字段都被填写且有效时，提交按钮将变为可用状态。手风琴的显示由accordionItems数组的isOpen属性控制，当点击手风琴标题时，toggleAccordion()方法会切换相应手风琴的isOpen属性的状态。

希望这个示例能满足你的需求！