Angular角色资料管理网页
案例介绍
我使用 Angular 18、TypeScript 和 SCSS 开发页面，将角色卡片、资料表单和导航拆分为可复用组件，实现资料新增、编辑、删除、标签维护及收藏管理。通过 Angular Signals 更新界面，支持按标签筛选和按角色对手名称搜索。
项目使用 localStorage 保存资料、收藏及演示用户状态，刷新后可继续使用。账号功能为浏览器本地模拟。该项目展示了列表管理、表单校验、组件复用、状态管理与本地存储的开发实践。
Angular角色资料管理网页
案例介绍
本项目为硕士阶段完成的 Angular 前端课程项目，以漫威角色资料为示例，实现内容管理与分类浏览。
我使用 Angular 18、TypeScript 和 SCSS 开发页面，将角色卡片、资料表单和导航拆分为可复用组件，实现资料新增、编辑、删除、标签维护及收藏管理。通过 Angular Signals 更新界面，支持按标签筛选和按角色对手名称搜索。
项目使用 localStorage 保存资料、收藏及演示用户状态，刷新后可继续使用。账号功能为浏览器本地模拟。该项目展示了列表管理、表单校验、组件复用、状态管理与本地存储的开发实践。
案例图片
1小时精推人才
需求方专属客服，免费梳理匹配
