首页

互助圈

新手教程

算法原理

架构设计

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 中文版 >

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

优质

小牛编辑

126浏览

2023-12-01

它幕后做的相当于：

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

不妥之处，敬请雅正

最后更新: 2023-12-01

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

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

类似资料

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

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

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

本文向大家介绍Vue使用.sync 实现父子组件的双向绑定数据问题，包括了Vue使用.sync 实现父子组件的双向绑定数据问题的使用技巧和注意事项，需要的朋友参考一下 1.前言最近在vue 项目中有一个需求，就是我需要根据不同的类型在页面中放不同的组件，组件需要跟当前页面的数据进行双向绑定，如果都写在同一个页面代码会显得比较多，毕竟我当前页面已经7-800行代码了所以我需要把一些元素定义
无法对ObservableField使用双向数据绑定

如果我不使用双向数据绑定，将替换为则一切正常。那么正确的方式是什么呢？
Angular 中的组件 - 使用组件构建应用程序

相关阅读

用于聊天应用程序的Firebase数据结构 Vue 数据双向绑定 AngularJS应用程序文件结构 vue双向数据绑定知识点总结组件的应用程序结构 - 从模板访问子组件微信小程序之数据双向绑定与数据操作双向映射的最佳数据结构存储双向关系的数据结构纯Javascript双向数据绑定移动应用程序的正确结构（数据库）使用结构体来组织相关联的数据 - 一个使用结构体的示例程序 Nuxt.js 数据双向绑定的实现 Webview和ProgressBar的双向数据绑定 Vue实现双向数据绑定 Tornado web 应用程序结构 Node.js / Express.js应用程序结构应用程序结构（Application Structure）03 Rails 应用程序结构 WindowBuilder上的双向数据绑定似乎不起作用 vue数据双向绑定的注意点 AngularJS指令中的双向数据绑定 Vue双向数据绑定(MVVM)的原理 Linux 内核里的数据结构——双向链表双向绑定组件之间的角2 - 4 Firestore调查应用程序的数据结构建议[副本]AngularJS和Laravel使用什么应用程序结构？使用ngModel的Angular 2双向绑定不起作用 Apache Karaf OSGi应用程序结构 c有效的双向随机存取数据结构双向绑定双向绑定双向绑定

开发工具

ios应用程序开发框架双向滚动scrollview 小鸡软件工作室应用程序保护系统开源数据访问组件DAC 用ruby写的采集程序 SQL Server 数据库发布向导 iOS的函数响应型编程我的Qzone应用应用之间调用必应网典Office应用 PassBook应用例子 .net三层结构代码生成器 SQLite的基本使用 tapestry组件库 eZ 组件库 Tcl Web应用框架 Intel显卡的Linux驱动程序 ZeroMQ实例程序

@小牛知识库 xnip.cn