以下是一个使用Angular 7和ASP.NET Web API的示例代码，用于分配用户角色：

Angular 7代码示例：

1. 在app.module.ts中导入所需的模块和服务：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { UserService } from './user.service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    FormsModule
  ],
  providers: [UserService],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 创建一个用户服务user.service.ts，用于与ASP.NET Web API进行通信：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class UserService {
  private baseUrl = 'http://localhost:5000/api/users';

  constructor(private http: HttpClient) { }

  assignRole(userId: number, roleId: number): Observable {
    const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
    return this.http.put(`${this.baseUrl}/${userId}/roles/${roleId}`, null, { headers });
  }
}

3. 创建一个组件app.component.ts，用于调用用户服务并分配角色：

import { Component } from '@angular/core';
import { UserService } from './user.service';

@Component({
  selector: 'app-root',
  template: `
    
Assign Role to User
    

      User ID:
      
      

      Role ID:
      
      

      Assign Role
    
  `
})
export class AppComponent {
  userId: number;
  roleId: number;

  constructor(private userService: UserService) {}

  assignRole() {
    this.userService.assignRole(this.userId, this.roleId)
      .subscribe(
        () => alert('Role assigned successfully'),
        error => console.error('Error assigning role:', error)
      );
  }
}

ASP.NET Web API代码示例：

1. 创建一个UsersController.cs，用于处理用户和角色的分配：

using System;
using System.Web.Http;

namespace YourNamespace.Controllers
{
    public class UsersController : ApiController
    {
        [HttpPut]
        [Route("api/users/{userId}/roles/{roleId}")]
        public IHttpActionResult AssignRole(int userId, int roleId)
        {
            // 在此处执行分配用户角色的逻辑
            try
            {
                // 执行分配角色的代码
                return Ok();
            }
            catch (Exception ex)
            {
                return InternalServerError(ex);
            }
        }
    }
}

2. 在WebApiConfig.cs中添加路由配置：

using System.Web.Http;

namespace YourNamespace
{
    public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            // 添加路由配置
            config.MapHttpAttributeRoutes();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
        }
    }
}

3. 在Global.asax.cs中注册Web API路由：

using System.Web.Http;

namespace YourNamespace
{
    public class Global : HttpApplication
    {
        protected void Application_Start()
        {
            GlobalConfiguration.Configure(WebApiConfig.Register);
        }
    }
}

请注意，上述示例假设您已经将ASP.NET Web API配置为在localhost:5000上运行，并具有相应的控制器和路由配置。您还可以根据自己的需求进行调整。