要实现只允许用户添加一个碎片的功能，可以在Angular 8中使用Angular Material提供的相关组件和指令。

首先，确保已经安装了Angular Material和相关的依赖包。可以通过以下命令进行安装：

npm install @angular/material @angular/cdk @angular/animations

接下来，需要在app.module.ts文件中导入所需的Angular Material模块：

import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';

@NgModule({
  imports: [
    MatButtonModule,
    MatInputModule
    // 其它模块
  ],
  exports: [
    MatButtonModule,
    MatInputModule
    // 其它模块
  ]
})
export class MaterialModule { }

在组件的模板文件（例如app.component.html）中，可以使用mat-button和mat-input等Angular Material提供的组件来实现添加碎片的功能。以下是一个示例：

添加碎片



  
已添加的碎片：
  
{{ fragment }}

在组件的类文件（例如app.component.ts）中，可以定义fragment和fragmentAdded属性，并实现addFragment()方法来处理用户点击添加碎片的事件。

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  fragment: string;
  fragmentAdded: boolean = false;

  addFragment() {
    if (this.fragment) {
      this.fragmentAdded = true;
    }
  }
}

通过以上代码，用户每次点击“添加碎片”按钮时，如果输入框中有内容，则会将输入的内容显示在页面上。同时，按钮也会被禁用，防止用户重复添加碎片。

请注意，上述示例中使用了[(ngModel)]来实现双向数据绑定，需要在app.module.ts文件中导入FormsModule模块：

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
    // 其它模块
  ],
  exports: [
    FormsModule
    // 其它模块
  ]
})
export class AppModule { }

最后，在组件的模块文件（例如app.module.ts）中，需要将MaterialModule和AppModule导入到imports数组中，以便在应用中使用这些模块。

通过以上步骤，就可以实现只允许用户添加一个碎片的功能。