Angular13 教程
Angular 属性绑定
属性绑定 Angular 中的属性绑定可帮助你设置 HTML 元素或指令的属性值。使用属性绑定,可以执行诸如切换按钮、以编程方式设置路径,以及在组件之…
Angular 属性(Attribute)、类、样式绑定
Attribute 绑定、类绑定和样式绑定 Angular 中的 Attribute 绑定可帮助你直接设置 Attribute&n…
Angular 事件绑定
事件绑定 通过事件绑定,你可以侦听并响应用户操作,例如按键、鼠标移动、点击和触摸。 包含本指南中的代码段的工作示例,参见现场演练 / 下载范例。 绑定到事件 要…
Angular 双向绑定
双向绑定 双向绑定为应用中的组件提供了一种共享数据的方式。使用双向绑定绑定来侦听事件并在父组件和子组件之间同步更新值。 包含本指南中的代码片段的可工作示例参见现场演练 /…
Angular 模板引用变量
模板变量 模板变量可以帮助你在模板的另一部分使用这个部分的数据。使用模板变量,你可以执行某些任务,比如响应用户输入或微调应用的表单。 模板变量可以引用这些东西: 模板中的 …
Angular SVG作为模板
SVG 作为模板 你可以在 Angular 应用程序中将 SVG 文件用作模板。当你使用 SVG 作为模板时,…
Angular 内置指令
内置指令 指令是为 Angular 应用程序中的元素添加额外行为的类。使用 Angular 的内置指令,你可以管理表单、列表、样式以及要让用…
Angular 属性型指令
属性型指令 使用属性型指令,可以更改 DOM 元素和 Angular 组件的外观或行为。 有关包含本指南中代码片段的有效示例,请参见现场演练…
Angular 结构型指令
编写结构型指令 本主题演示如何创建结构型指令,并提供有关指令如何工作、Angular 如何解释简写形式以及如何添加模板守卫属性以捕获模板类型错误的概念性信息。 有关此页面…
Angular 依赖注入
Angular 中的依赖注入 依赖项是指某个类执行其功能所需的服务或对象。依赖项注入(DI)是一种设计模式,在这种设计模式中,类会从外部源请求依赖项而不是创建它们。 An…
Angular DI提供者
依赖提供者 通过配置提供者,你可以把服务提供给那些需要它们的应用部件。 依赖提供者会使用 DI 令牌来配置注入器,注入器会用它来提供这个依赖值的具体的、运行时版…
Angular 常见路由任务
常见路由任务 本主题讲述当把 Angular 路由器添加到应用中时,如何实现多种常见路由任务。 生成一个支持路由的应用 下面的命令会用 Angular…
Angular 教程:在单页面应用中导航
在单页面应用中使用 Angular 路由 本教程将介绍如何构建一个使用多个 Angular 路由的单页面应用 SPA。 在&nbs…
Angular 教程:创建自定义路由匹配器
教程:创建自定义路由匹配器 Angular Router 支持强大的匹配策略,你可以使用它来帮助用户在应用中导航。该匹配策略支持静态路由、带参数的可变路由、通配…
Angular 教程:为英雄之旅添加路由支持
路由器教程:英雄之旅 本教程提供了关于 Angular 路由器的概要性概述。在本教程中,你将基于基本的路由器配置来探索诸如子路由、路由参数、惰性加载 …
Angular 教程:为英雄之旅添加路由支持-里程碑 1:起步
里程碑 1:起步 开始本应用的一个简版,它在两个空路由之间导航。 创建一个范例应用 创建一个新的 Angular 项目 angular-ro…
Angular 教程:为英雄之旅添加路由支持-里程碑 2:路由模块
里程碑 2:路由模块 这个里程碑会向你展示如何配置一个名叫路由模块的专用模块,它会保存你应用的路由配置。 路由模块有以下几个特点: 把路由这个关注点从其它应用类关注点中分…
Angular 教程:为英雄之旅添加路由支持-里程碑 3:英雄特征区
里程碑 3: 英雄特征区 本里程碑涵盖了以下内容: 用模块把应用和路由组织为一些特性区。 命令式的从一个组件导航到另一个 通过路由传递必要信息和可选信息 这个示…
Angular 教程:为英雄之旅添加路由支持-里程碑 4:危机中心
里程碑 4:危机中心 本节将向你展示如何在应用中添加子路由并使用相对路由。 要为应用当前的危机中心添加更多特性,请执行类似于 heroes 特性的步骤…
Angular 教程:为英雄之旅添加路由支持-里程碑 5:路由守卫
里程碑 5:路由守卫 现在,任何用户都能在任何时候导航到任何地方。但有时候出于种种原因需要控制对该应用的不同部分的访问。可能包括如下场景: 该用户可能无权导航到目标组件 …