在Angular 7中，如果你在使用Angular CDK的Portal时遇到了"错误 必须提供一个用于附加的门户"，通常是因为你没有提供一个用于附加的门户。

要解决这个问题，你需要确保你在使用Portal时提供了一个正确的门户。

以下是一个示例代码，展示了如何使用Angular CDK Portal并提供一个门户：

1. 首先，确保你已经安装了Angular CDK。你可以通过以下命令来安装它：

npm install @angular/cdk

2. 导入所需的Angular CDK模块和组件：

import { Component, ViewChild, TemplateRef, ViewContainerRef } from '@angular/core';
import { CdkPortal, CdkPortalOutlet } from '@angular/cdk/portal';

3. 在组件中定义一个TemplateRef和ViewContainerRef，并使用@ViewChild装饰器将其与HTML模板中的相应元素进行关联：

@Component({
  selector: 'app-example',
  template: `
    
      
      
This is the content of the portal
    

    

  `,
})
export class ExampleComponent {
  @ViewChild('portalContent', { static: true }) portalContent: TemplateRef;
  @ViewChild('portalContainer', { read: ViewContainerRef, static: true })
  portalContainer: ViewContainerRef;
}

4. 在组件类中，使用CdkPortal和CdkPortalOutlet来创建并附加一个门户：

export class ExampleComponent {
  @ViewChild('portalContent', { static: true }) portalContent: TemplateRef;
  @ViewChild('portalContainer', { read: ViewContainerRef, static: true })
  portalContainer: ViewContainerRef;

  ngAfterViewInit() {
    const portal = new CdkPortal(this.portalContent);
    this.portalContainer.attach(portal);
  }
}

通过这种方式，你就可以将portalContent模板的内容附加到portalContainer元素中。

请注意，在ngAfterViewInit生命周期钩子中附加门户是很重要的，因为在这个时候模板和视图容器已经准备好了。

希望这个例子能帮助你解决"错误 必须提供一个用于附加的门户"的问题！