小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • 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 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码