整合Angular 7和CakePHP可以通过以下步骤完成：

1. 创建一个新的Angular项目：

   ng new angular-cakephp-integration
   

2. 进入项目目录：

   cd angular-cakephp-integration
   

3. 安装必要的依赖：

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

4. 创建一个新的组件用于与CakePHP API进行通信：

   ng generate component api
   

5. 在api.component.ts文件中，添加以下代码来与CakePHP API进行通信：

   import { Component, OnInit } from '@angular/core';
   import { HttpClient } from '@angular/common/http';
   
   @Component({
     selector: 'app-api',
     templateUrl: './api.component.html',
     styleUrls: ['./api.component.css']
   })
   export class ApiComponent implements OnInit {
     constructor(private http: HttpClient) { }
   
     ngOnInit() {
       this.http.get('http://your-cakephp-api-url').subscribe(response => {
         console.log(response);
       });
     }
   }
   

6. 在api.component.html文件中，添加以下代码来显示从CakePHP API接收到的数据：

   
     {{ item.name }}
   
   

7. 在app.component.html文件中，将app-api组件添加到模板中：

8. 启动Angular开发服务器：

   ng serve
   

9. 在浏览器中访问http://localhost:4200，你应该能够看到从CakePHP API收到的数据。

需要注意的是，上述代码示例假设你已经配置了CakePHP API，并且可以通过http://your-cakephp-api-url访问到该API。你需要根据你的实际情况修改代码中的URL和其他相关配置。