小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
第5天 - 组件中的用户输入

在第5天,我将展示如何将输入框和复选框绑定到响应式状态,使用Vue 3、SvelteKit和Angular 19创建应用程序,演示不同语法下的动态更新。

第5天 - 组件中的用户输入

DEV Community
DEV Community · 2025-05-21T06:09:04Z
使用最新Angular 19特性构建的项目

我建立了个人网站和简历,尽管面临挑战,但我享受这个过程。通过学习软件架构、内容创作和项目管理,我使用Angular 19构建了一个简单且适合视觉障碍者的网站。

使用最新Angular 19特性构建的项目

DEV Community
DEV Community · 2025-05-10T06:20:22Z
Angular NgRx与本地存储

该Angular 19应用程序具备库存管理、购物车系统和持久身份验证功能,使用NgRx Store和ComponentStore进行状态管理,支持用户登录和产品管理。应用通过Node.js和Angular CLI构建,提供动态购物车计算和本地存储。

Angular NgRx与本地存储

DEV Community
DEV Community · 2025-05-09T14:37:58Z
案例研究:使用Angular 19和Spring Boot构建现代全栈应用的架构

本文分享了使用Angular 19、Spring Boot和Docker开发全栈应用Mony的经验,涉及JWT认证、架构设计和前后端集成等技术挑战。Mony是一个管理订阅和个人财务的Web应用,采用PostgreSQL数据库和Docker容器化,提升了开发效率和安全性。

案例研究:使用Angular 19和Spring Boot构建现代全栈应用的架构

DEV Community
DEV Community · 2025-05-05T11:11:21Z
在Angular 19中使用独立组件实现懒加载:一个宝可梦示例

Angular 19支持独立组件构建应用,简化懒加载。通过loadComponent()方法和动态导入,可以创建宝可梦类型的导航器,省去NgModule。文章介绍了应用生成、独立组件、路由设置及基本模板的步骤,强调无模块的清晰性和可维护性。

在Angular 19中使用独立组件实现懒加载:一个宝可梦示例

DEV Community
DEV Community · 2025-05-02T18:34:08Z
Angular 19中的反应式统计:信号、效果与智能控制流

Angular 19引入信号、效果和现代控制流语法,构建实时统计分析器,通过服务和组件动态计算计数、均值和方差,并自动记录统计事件,实现高效的反应式数据可视化。

Angular 19中的反应式统计:信号、效果与智能控制流

DEV Community
DEV Community · 2025-05-01T23:13:12Z
像专业人士一样使用 Angular 19 路由:信号 + 路由 + loadComponent + 回退

Angular 19 引入信号和独立组件,革新路由系统,使现代前端应用构建更简洁高效。本文展示如何使用 loadComponent() 实现路由、嵌套路由和404回退路由,并结合信号管理组件的响应式状态。

像专业人士一样使用 Angular 19 路由:信号 + 路由 + loadComponent + 回退

DEV Community
DEV Community · 2025-05-01T20:55:20Z
🚀 我用 Angular 19 构建了一个在线食品订购应用——这是我的开发过程!

我开发了一个在线食品订购平台,使用Angular 19和JSON Server,支持多用户角色和实时订单更新。用户可以浏览餐厅并下单,餐厅管理员管理订单和客户消息,超级管理员监控所有数据。计划添加Firebase或MongoDB以实现持久存储,并集成WebSockets进行实时聊天。

🚀 我用 Angular 19 构建了一个在线食品订购应用——这是我的开发过程!

DEV Community
DEV Community · 2025-04-30T04:21:30Z
使用信号和服务构建专业的Angular 19应用

本文介绍了如何使用Angular 19构建专业示例,涵盖信号、依赖注入和独立组件。创建了一个管理英雄列表的服务和一个用于显示及添加英雄的组件,服务负责状态管理,组件自动响应信号更新,实现了清晰的反应式代码架构。

使用信号和服务构建专业的Angular 19应用

DEV Community
DEV Community · 2025-04-28T22:37:39Z
Angular 19:简单的反应性

Angular 19引入了Signals、控制流(@if、@for、@else、@empty)和Models,简化了代码,提高了可读性和性能。Signals自动更新UI,控制流提供直观的条件和循环语法,Models实现输入验证,推荐使用。

Angular 19:简单的反应性

DEV Community
DEV Community · 2025-04-25T18:43:05Z
Angular 16+ 信号与装饰器:理解 input()、output() 和 signal()

Angular 19引入信号、输入和输出,增强组件间通信。通过创建产品仪表板,使用output()添加新产品,input()显示产品列表,signal()管理本地状态,实现轻量级反应式组件。

Angular 16+ 信号与装饰器:理解 input()、output() 和 signal()

DEV Community
DEV Community · 2025-04-22T17:36:21Z
Angular 19:掌握 `input.required()` 和结合 Signals 的功能性输入

Angular 19 引入了功能性 input() API,简化了输入声明,取代了传统的 @Input() 装饰器。通过 input.required<T>() 和 input.optional<T>(),实现了更好的类型安全和反应性,结合 Signals,使组件更高效、安全,推动了 Angular 向反应式和可组合组件的转变。

Angular 19:掌握 `input.required()` 和结合 Signals 的功能性输入

DEV Community
DEV Community · 2025-04-18T01:20:32Z
Angular 19 Signals:`update()` 与 `.push()` – 为什么不可变性很重要

在Angular 19中,Signals提供了一种声明式的反应式状态管理方式。直接使用.push()修改数组会导致Angular无法检测变化,正确的方法是使用update()返回新数组,以保持不可变性,确保UI更新。这一原则有助于实现更好的反应性和可预测性。

Angular 19 Signals:`update()` 与 `.push()` – 为什么不可变性很重要

DEV Community
DEV Community · 2025-04-17T22:00:42Z
修复Angular 19独立组件中的'ngModel'和'ngClass'错误

在Angular 19中,使用独立组件时,常见错误是无法绑定'ngModel'和'ngClass',因为未导入FormsModule和CommonModule。确保组件自给自足,仅导入必要模块。

修复Angular 19独立组件中的'ngModel'和'ngClass'错误

DEV Community
DEV Community · 2025-04-16T20:21:36Z
在Angular 19中使用ngModel与Signals:专业指南

Angular 19引入Signals,使用ngModel时需绑定变量而非函数,正确用法是结合ngModel和ngModelChange,确保信号为真值源。此外,Angular支持独立组件,简化应用结构。

在Angular 19中使用ngModel与Signals:专业指南

DEV Community
DEV Community · 2025-04-16T04:47:03Z
🚀 Angular 19 表单:模板驱动与响应式表单的实用比较

本文比较了Angular 19中的模板驱动表单与响应式表单,提供简单示例和实际案例,帮助选择合适的表单策略。内容涵盖两者的主要区别、适用场景、代码示例及验证和数据流处理技巧。

🚀 Angular 19 表单:模板驱动与响应式表单的实用比较

DEV Community
DEV Community · 2025-04-13T07:00:11Z
在Angular 19中使用Vintom

本文介绍了如何将Vintom工具与Angular 19集成,创建个性化视频,同时确保用户数据安全。Vintom在用户浏览器中处理数据,避免发送个人信息至外部服务器,支持100%客户端处理、多语言和视觉定制,展示了Angular与Vintom的兼容性,提升用户体验和数据安全。

在Angular 19中使用Vintom

DEV Community
DEV Community · 2025-04-09T20:41:32Z
Angular 19:使用独立组件的双向绑定 🚀

Angular 19 引入独立组件架构,简化应用结构,无需 AppModule,提升代码清晰度和开发效率。示例展示了双向数据绑定的使用。

Angular 19:使用独立组件的双向绑定 🚀

DEV Community
DEV Community · 2025-04-05T05:09:16Z
在 Angular 19 中使用 RouterOutletData 向路由组件传递数据

Angular 19 引入了 routerOutletData 输入,简化了路由组件间的数据传递,提升了父子组件的通信效率,减少了冗余代码,增强了代码的可读性和可维护性。

在 Angular 19 中使用 RouterOutletData 向路由组件传递数据

DEV Community
DEV Community · 2025-03-27T01:20:26Z
🚀 Angular 19+: 你需要了解的新特性与代码示例!

Angular 19 显著提升了性能、服务器端渲染、反应性和安全性。主要更新包括增量水合加速渲染、路由级渲染配置、基于信号的状态管理、默认独立组件、自动内容安全策略和改进的模板语法。这些改进使应用加载更快、交互性更强,同时增强了安全性和可维护性。

🚀 Angular 19+: 你需要了解的新特性与代码示例!

DEV Community
DEV Community · 2025-03-25T06:04:28Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码