在Angular中，可以使用正则表达式来处理字符串，以移除开头和结尾的空格，并只允许中间的空格。下面是一个示例代码：

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

@Component({
  selector: 'app-example',
  template: `
    
    
{{ formattedText }}
  `
})
export class ExampleComponent {
  inputText: string;
  formattedText: string;

  removeExtraSpaces() {
    // 移除开头和结尾的空格
    this.inputText = this.inputText.trim();
    // 只允许中间的空格
    this.formattedText = this.inputText.replace(/\s+/g, ' ');
  }
}

在上面的代码中，我们使用了[(ngModel)]指令来实现双向绑定，当输入框的值发生变化时，inputText属性也会更新。

在removeExtraSpaces()方法中，我们首先使用trim()方法移除了开头和结尾的空格。然后，使用正则表达式/\s+/g来匹配一个或多个空格，并使用空格字符串替换它们，从而只保留中间的空格。

最后，我们将格式化后的文本赋值给formattedText属性，并在模板中显示出来。

请注意，上述代码是一个简单示例，你可以根据自己的需求进行修改和扩展。