首页

互助圈

新手教程

算法原理

架构设计

JAVA进阶

C/C++进阶

Python进阶

JavaScript

数据库

大数据

消息服务

JAVA源码

Spring源码

数据库

消息服务

Dubbo源码

大厂专栏

面试技巧

面试经验

面试题库

文档资料

工具软件

电子书籍

小牛导航

在线工具

登录

简介

License

Why Angular?

为什么不是ReactYz

聊聊技术选型-Angular vs VueYz

状态管理

ES6和TypeScript的特点

ES6和TypeScript的特点 - ES6

ES6 - Classes

ES6 - 回顾this

ES6 - 箭头函数

ES6 - 模板字符串

ES6 - 继承

ES6 - 委托

ES6 - 常量和块作用域变量

ES6 - 扩展语句和剩余参数

ES6 - 解构

ES6 - 模块

ES6和TypeScript的特点 - TypeScript

TypeScript - TypeScript入门

TypeScript - 使用 tsc

TypeScript - Linting

TypeScript - 类型Yz

TypeScript - TypeScript特性

TypeScript - TypeScript类

TypeScript - 泛型Yz

TypeScript - 接口

TypeScript - Shapes

TypeScript - 类型推断

TypeScript - 类型关键字

TypeScript - 装饰器

TypeScript - 属性装饰器

TypeScript - 类装饰器

TypeScript - 参数装饰器

JavaScript工具链

JavaScript工具链 - 源码控制：Git

JavaScript工具链 - 命令行

JavaScript工具链 - JavaScript命令行：NodeJS

JavaScript工具链 - 后端代码共享和分发：npm

JavaScript工具链 - 模块加载，打包和构建任务：Webpack

JavaScript工具链 - Chrome

引导Angular应用

引导Angular应用 - 了解文件结构

引导Angular应用 - 引导Providers

Angular 中的组件

Angular 中的组件 - 创建组件

Angular 中的组件 - 组件的应用程序结构

组件的应用程序结构 - 将数据传递到组件

组件的应用程序结构 - 响应组件事件

组件的应用程序结构 - 使用双向数据绑定

组件的应用程序结构 - 从模板访问子组件

Angular 中的组件 - 投影

Angular 中的组件 - 使用组件构建应用程序

Angular 中的组件 - 使用其他组件

指令

指令 - 属性指令

属性指令 - NgStyle指令

属性指令 - NgClass指令

指令 - 结构指令

结构指令 - NgIf指令

结构指令 - NgFor指令

结构指令 - NgSwitch指令

结构指令 - 使用多个结构指令

高级组件

高级组件 - 组件生命周期

高级组件 - 其他组件交互方式

高级组件 - 视图封装

高级组件 - ElementRef

Observable

Observable - 使用Observable

Observable - 错误处理

Observable - 处理订阅和释放资源

Observable - Observable VS Promise

Observable - 使用其他来源的Observable

Observable - 可观察数组操作

Observable - “冷” vs “热” Observable

Observable - 总结

Angular 依赖注入

Angular 依赖注入 - 什么是DI？

Angular 依赖注入 - DI框架

Angular 依赖注入 - Angular 的DI

Angular 的DI - @Inject() 和 @Injectable

Angular 的DI - 类以外的注入

Angular 的DI - 避免注入冲突: OpaqueToken

Angular 的DI - 注入树

HTTP

HTTP - 发起请求

HTTP - 捕获异常

捕获异常 - 捕获和释放

捕获异常 - 取消请求

捕获异常 - 重试

HTTP - 拦截请求

HTTP - 进度事件

变化检测

变化检测 - Angularjs与Angular的变化检测策略

变化检测 - 变化检测如何工作

变化检测 - 更改检测器类

变化检测 - 变更检测策略：OnPush

变化检测 - 强制不变性

变化检测 - 其他资源

Zone.js

Zone.js - 概述

Zone.js - Zone 传播

Zone 传播 - 跟踪异步操作

Zone 传播 - 异步操作补丁

Zone.js - 上下文环境

Zone.js - 拦截

Angular 进阶

Angular 进阶 - 指令

指令 - 创建属性指令

创建属性指令 - 监听Host元素

创建属性指令 - 在指令中设置属性

指令 - 创建结构指令

创建结构指令 - 查看容器和嵌入视图

创建结构指令 - 向指令提供上下文变量

Angular 进阶 - AoT

AoT - AoT局限

AoT - AoT配置

Immutable.js

Immutable.js - 什么是不可变性？

Immutable.js - 不变性的应用场景

Immutable.js - JavaScript解决方案

JavaScript解决方案 - Object.assign

JavaScript解决方案 - Object.freeze

Immutable.js - Immutable.js基础

Immutable.js基础 - Immutable.Map

Immutable.Map - Map.merge

Immutable.js基础 - 嵌套对象

嵌套对象 - 删除密钥

嵌套对象 - Map是可迭代的

Immutable.js基础 - Immutable.List

性能

管道

管道 - 使用管道

管道 - 自定义管道

管道 - 状态管道

表单

表单 - 入门

表单 - 模板驱动的表单

模板驱动的表单 - 嵌套表单数据

模板驱动的表单 - 使用模板模型绑定

模板驱动的表单 - 验证模板驱动的表单

表单 - 响应式/模型驱动的表单

响应式/模型驱动的表单 - 响应式表单基础

响应式/模型驱动的表单 - 验证响应式表单

响应式/模型驱动的表单 - 自定义验证响应式表单

表单 - 用户的视觉提示

模块

模块 - 什么是Angular模块？

模块 - 将组件、管道和服务添加到模块

模块 - 创建功能模块

模块 - 指令复制

模块 - 延迟加载模块

模块 - 延迟加载和依赖注入树

模块 - 共享模块和依赖注入

模块 - 共享相同的依赖注入树

路由

路由 - 为什么选择路由？

路由 - 配置路由

路由 - 将路由器重定向到另一条路由

路由 - 定义路由之间的链接

路由 - 动态添加路由组件

路由 - 使用路由参数

路由 - 定义子路由

路由 - 路由拦截

路由 - 将可选参数传递给路由

路由 - 使用辅助路由

状态管理

状态管理 - 示例应用

状态管理 - 使用选择器读取应用程序状态

状态管理 - Actions

状态管理 - 通过Dispatching Actions 修改应用 State

状态管理 - Reducers 和纯函数

状态管理 - Reducers 的 State 管理

状态管理 - 创建应用的Root Reducer

状态管理 - 配置你的应用

状态管理 - 更多Redux和Ngrx资源

Redux 和 Ngrx

将@ngrx添加到你的项目

定义应用的主状态

动画

TDD测试

TDD测试 - 测试工具链

TDD测试 - 测试设置

测试设置 - 文件名约定

测试设置 - Karma配置

测试设置 - TestBed配置（可选）

测试设置 - 类型

测试设置 - 执行测试脚本

TDD测试 - 简单测试

TDD测试 - 使用Chai

TDD测试 - 测试组件

测试组件 - 检验方法和属性

测试组件 - 注入依赖和DOM更改

注入依赖和DOM更改 - 覆盖测试的组件

测试组件 - 测试异步操作

测试组件 - 重构难以测试的代码

TDD测试 - 测试服务

测试服务 - 服务测试策略

测试服务 - 测试HTTP请求

测试HTTP请求 - 使用MockBackend

测试HTTP请求 - 替代HTTP Mock策略

测试HTTP请求 - 测试JSONP和XHR后端

测试服务 - 异步执行测试

TDD测试 - 测试Redux

测试Redux - 测试简单的Action

测试Redux - 测试复杂的Action

测试Redux - 测试Reducers

测试Redux - Afterthoughts

将Angular1.x项目迁移到Angular 2

将Angular1.x项目迁移到Angular 2 - 迁移准备

迁移准备 - 升级到 Angular 1.3+ 风格

迁移准备 - 使用 Webpack

迁移准备 - 迁移到 TypeScript

将Angular1.x项目迁移到Angular 2 - 选择升级途径

将Angular1.x项目迁移到Angular 2 - 避免全面转换

项目设置

项目设置 - Webpack

Webpack - 安装和使用

Webpack - Loaders

Webpack - 插件

Webpack - 概要

项目设置 - NPM脚本集成

Angular CLI

Angular CLI - 创建

Angular CLI - 创建新应用程序

Angular CLI - 启动应用

Angular CLI - 创建组件

Angular CLI - 创建路由

Angular CLI - 创建其他东西

Angular CLI - 测试

Angular CLI - Linting

Angular CLI - CLI命令概述

Angular CLI - 添加第三方库

Angular CLI - 集成现有应用程序

Angular 中的无障碍

Angular 中的无障碍 - 为什么需要无障碍

Angular 中的国际化

Angular 中的国际化 - 过程什么样的，如何参与？

Angular 中的国际化 - 在我们的模板中标记文字

Angular 中的国际化 - 使用Angular CLI提取翻译文本

Angular 中的国际化 - 如何导入已完成的翻译文件

如何导入已完成的翻译文件 - 使用AoT编译器

如何导入已完成的翻译文件 - 使用JiT编译器

词汇表

最佳实践与填坑的积累Yz

进一步阅读和参考

其他

其他 - The case for ZoneDelegate

其他 - Task Scheduling

其他 - 任务

其他 - Angular: Why TypeScript?

其他 - 测试组件

其他 - 使用 Redux 与 Components

其他 - 回顾 Reducers 和纯函数

其他 - Redux和组件架构

其他 - 配置应用以使用Redux

其他 - 插件

其他 - Persistent and Transient Data Structures

其他 - 使用RxJS操作符实现更多高级特性

其他 - 与其他框架比较

其他 - Angular 2中的Web辅助功能

其他 - 无障碍Web应用的关键

当前位置：首页 > 文档资料 > Rangle's Angular 2 Training Book 中文版 >

Angular 中的组件 - 组件的应用程序结构

优质

小牛编辑

126浏览

2023-12-01

本章节暂无内容，请浏览其他章节！

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。

不妥之处，敬请雅正

最后更新: 2023-12-01

上一篇 Angular 中的组件 - 创建组件

下一篇组件的应用程序结构 - 将数据传递到组件

类似资料

组件的应用程序结构 - 响应组件事件

要通过 outputs 从组件发送数据，请先定义outputs属性。它接受组件向其父组件公开的输出参数的列表。 app/app.component.ts 一组 input + output 绑定定义组件的公共API。在我们的模板中，我们使用 [方括号] 传递输入，使用（括号）来处理输出。
Angular 中的组件 - 使用组件构建应用程序
组件的应用程序结构 - 从模板访问子组件

最直接的例子可能是处理表单或输入： app/app.component.html 这不是一个只有表单或输入的神奇功能，而是一种引用模板中子组件实例的方法。使用该引用，您可以访问该组件的公共属性和方法。 app/profile.component.ts
组件的应用程序结构 - 将数据传递到组件

装饰器定义了一组可以从父组件传递的参数。例如，我们可以修改HelloComponent组件，以便可以由父提供。我们现在可以使用我们的组件：
组件的应用程序结构 - 使用双向数据绑定

它幕后做的相当于：
Spring boot access应用程序.组件中的属性

我想在spring boot应用程序的application.Properties中添加一个属性，并且能够访问它并在其他类中使用它，但是我得到了NULL。

相关阅读

如何使用javax。应用程序中的swing组件？web应用程序中Apache Camel FTP组件 WebLogic应用程序中没有任何组件 Flask应用程序中的常见文件夹/文件结构应用组件 React在我的应用程序中呈现不必要的组件 jar文件中的我的javaFX应用程序显示错误“缺少javaFX运行时组件，运行此应用程序需要这些组件”AngularJS应用程序文件结构 Angular 中的组件 - 使用其他组件 3.2 C++程序组件将Flash / Flex组件嵌入Java应用程序 Angular 中的组件 - 创建组件匕首应用程序组件未解析引用头文件的组织结构从类组件中反应功能组件中的访问值在Spring引导应用程序中使用的自定义骆驼组件如何在应用程序中全局共享类组件的状态扫描Spring Boot应用程序中不同maven模块/JAR的组件如何在程序中使用 ActiveX 组件将Angularjs和Rails应用程序分离为独立的组件组件 - 从组件发送操作给应用 Angular 中的组件 Flatlist React-Native组件防止我的数组填充导致应用程序崩溃 GWT 应用程序组成 AQS 组件总结 vue中的router-view组件的使用教程父组件中的类在子组件中不起作用利用React组件中的事件处理程序进行TSX标记在旧式Spring应用程序中添加了组件扫描如何访问父组件中子组件的引用从reactjs中的父组件调用子组件方法如何为Vaadin应用程序的UI组件生成唯一ID？

开发工具

tapestry组件库 eZ 组件库小鸡软件工作室应用程序保护系统开源数据访问组件DAC 爱迪尔软件组装管理平台 ios应用程序开发框架用ruby写的采集程序控件的拖动 Sublime的Thinkphp插件 Evolution 的 RSS 插件 JavaEye的Firefox插件 Chrome的Alexa插件我的Qzone应用 FCKEditor的jQuery插件 jEditor iOS的函数响应型编程 Intel显卡的Linux驱动程序 NetBeans开发Android的插件基于BeeFramework的表格控件

@小牛知识库 xnip.cn