在集成Angular和Django Rest框架时，可以按照以下步骤进行操作：

1. 创建Django项目：

   django-admin startproject myproject
   

2. 创建Django应用程序：

   cd myproject
   django-admin startapp myapp
   

3. 在Django的settings.py文件中，将应用程序添加到INSTALLED_APPS列表中：

   INSTALLED_APPS = [
       ...
       'rest_framework',
       'myapp',
   ]
   

4. 在Django的urls.py文件中，添加API路由：

   from django.urls import include, path
   from myapp import views
   
   urlpatterns = [
       ...
       path('api/', include('myapp.urls')),
   ]
   

5. 在Django的myapp应用程序中，创建urls.py文件，并定义URL模式：

   from django.urls import path
   from myapp import views
   
   urlpatterns = [
       path('myapi/', views.MyAPIView.as_view(), name='myapi'),
   ]
   

6. 在Django的myapp应用程序中，创建views.py文件，并定义API视图：

   from rest_framework.views import APIView
   from rest_framework.response import Response
   
   class MyAPIView(APIView):
       def get(self, request):
           data = {'message': 'Hello, World!'}
           return Response(data)
   

7. 在Django的根目录下，运行开发服务器：

   python manage.py runserver
   

   这将启动Django开发服务器并监听默认端口（通常为8000）。

8. 创建Angular项目：

   ng new myangularapp
   

9. 在Angular项目的根目录中，安装HttpClientModule和rxjs：

   npm install @angular/common @angular/compiler @angular/core @angular/forms @angular/platform-browser @angular/platform-browser-dynamic @angular/router rxjs --save
   

10. 在Angular项目的根目录中，创建一个服务文件myapi.service.ts，以便与Django Rest API进行交互：

    import { Injectable } from '@angular/core';
    import { HttpClient } from '@angular/common/http';
    import { Observable } from 'rxjs';
    
    @Injectable({
      providedIn: 'root'
    })
    export class MyApiService {
      private apiUrl = 'http://localhost:8000/api/myapi/';
    
      constructor(private http: HttpClient) { }
    
      getData(): Observable {
        return this.http.get(this.apiUrl);
      }
    }
    

11. 在Angular项目的组件文件中，使用MyApiService来获取数据：

    import { Component, OnInit } from '@angular/core';
    import { MyApiService } from './myapi.service';
    
    @Component({
      selector: 'app-my-component',
      template: `
        
    {{ data.message }}
      `
    })
    export class MyComponent implements OnInit {
      data: any;
    
      constructor(private myApiService: MyApiService) { }
    
      ngOnInit() {
        this.myApiService.getData().subscribe(data => {
          this.data = data;
        });
      }
    }
    

12. 在Angular项目的模块文件中，将HttpClientModule和组件添加到imports数组中，并将组件添加到declarations数组中：

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { HttpClientModule } from '@angular/common/http';
    
    import { MyComponent } from './my.component';
    import { MyApiService } from './myapi.service';
    
    @NgModule({
      imports: [
        BrowserModule,
        HttpClientModule
      ],
      declarations: [
        MyComponent
      ],
      providers: [
        MyApiService
      ],
      bootstrap: [MyComponent]
    })
    export class AppModule { }
    

13. 在Angular项目的根目录中，运行开发服务器：

    ng serve
    

    这将启动Angular开发服务器并监听默认端口（通常为4200）。

现在，当你访问http://localhost:4200时，你应该能够看到来自Django Rest API的数据。