Laravel/Angular 技术分享

2

[译] 关于 Angular 依赖注入你需要知道的

lx1036 2018年08月20日发布
收藏

如果你之前没有深入了解 Angular 依赖注入系统，那你现在可能认为 Angular 程序内的根注入器包含所有合并的服务提供商，每一个组件都有它自己的注入器，延迟加载模块有它自己的注入器。

5

@angular/forms 源码解析之 Validators

lx1036 2018年08月02日发布
4 收藏

我们知道，@angular/forms 包主要用来解决表单问题的，而表单问题非常重要的一个功能就是表单校验功能。数据校验非常重要，不仅仅前端在发请求给后端前需要校验数据，后端对前端发来的数据也需要校验其有效性和逻...

2

@angular/forms 源码解析之双向绑定

lx1036 2018年08月02日发布
2 收藏

我们知道，Angular 的 @angular/forms 包提供了 NgModel 指令，来实现双向绑定，即把一个 JS 变量（假设为 name）与一个 DOM 元素（假设为 input 元素）进行绑定，这样 name 的值发生变化，input 元素的 value ...

5

@angular/router 源码分析之注册路由

lx1036 2018年08月02日发布
2 收藏

比如，程序从路由状态 state1: /advisors/1/households/1 转变为路由状态 state2: /advisors/1/accounts/2，需要实例化的组件集合也从 components1: Advisor+Household 转变为 components2: Advisor+Account（准...

8

illuminate/routing 源码分析之注册路由

lx1036 2018年08月02日发布
7 收藏

我们知道，在 Laravel 世界里，外界传进来一个 Request 时，会被 Kernel 处理并返回给外界一个 Response。Kernel 在处理 Request 时，会调用 illuminate/routing 包提供的路由功能，来根据当前的 Request，转发到...

11

[译] 别再对 Angular Modules 感到迷惑

lx1036 2018年06月15日发布
11 收藏

Angular Modules 是个相当复杂的话题，甚至 Angular 开发团队在官网上写了好几篇有关 NgModule 的文章教程。这些教程清晰的阐述了 Modules 的大部分内容，但是仍欠缺一些内容，导致很多开发者被误导。我看到很多...

5

源码分析 @angular/cdk 之 Portal

lx1036 2018年05月30日发布
收藏

@angular/material 是 Angular 官方根据 Material Design 设计语言提供的 UI 库，开发人员在开发 UI 库时发现很多 UI 组件有着共同的逻辑，所以他们把这些共同逻辑抽出来单独做一个包 @angular/cdk，这个包与 Mat...

5

[译] 关于 Angular 动态组件你需要知道的

lx1036 2018年05月02日发布
4 收藏

如果你之前使用 AngularJS（第一代 Angular 框架）来编程，可能会使用 $compile 服务生成 HTML，并连接到数据模型从而获得双向绑定功能：

1

[译] Angular 属性绑定更新机制

lx1036 2018年05月02日发布
1 收藏

所有现代前端框架都是用组件来合成 UI，这样很自然就会产生父子组件层级，这就需要框架提供父子组件通信的机制。同样，Angular 也提供了两种方式来实现父子组件通信：输入输出绑定和共享服务。对于 stateless pre...

4

[译] 为何 Angular 内部没有发现组件

lx1036 2018年05月02日发布
1 收藏

Component is just a directive with a template? Or is it?

3

[译] Angular DOM 更新机制

lx1036 2018年05月02日发布
2 收藏

由模型变化触发的 DOM 更新是所有前端框架的重要功能（注：即保持 model 和 view 的同步），当然 Angular 也不例外。定义一个如下模板表达式：

1

[译] $digest 在 Angular 中重生

lx1036 2018年05月02日发布
1 收藏

我使用 Angular.js 框架好些年了，尽管它饱受批评，但我依然觉得它是个不可思议的框架。我是从这本书 Building your own Angular.js 开始学习的，并且读了框架的大量源码，所以我觉得自己对 Angular.js 内部机制...

0

[译] 监听 Angular 启动过程

lx1036 2018年04月02日发布
2 收藏

可以为 APP_BOOTSTRAP_LISTENER 令牌注册监听器来监听 Angular 启动过程，比如看看 Angular 源码里是如何使用的：

7

[译] 别再对 Angular 表单的 ControlValueAccessor 感到迷惑

lx1036 2018年04月02日发布
4 收藏

如果你正在做一个复杂项目，必然会需要自定义表单控件，这个控件主要需要实现 ControlValueAccessor 接口（译者注：该接口定义方法可参考 API 文档说明，也可参考 Angular 源码定义）。网上有大量文章描述如何实...

18

[译] 关于 `ExpressionChangedAfterItHasBeenCheckedError` 错误你所需要知道的事情

lx1036 2018年03月25日发布
19 收藏

关于 ExpressionChangedAfterItHasBeenCheckedError，还可以参考这篇文章，并且文中有 youtube 视频讲解：Angular Debugging "Expression has changed after it was checked": Simple Explanation (and Fix)

5

[译] 你真的知道 Angular 单向数据流吗

lx1036 2018年03月25日发布
13 收藏

关于单向数据流，还可以参考这篇文章，且文中还有 youtube 视频解析：Angular - What is Unidirectional Data Flow? Learn How the Angular Development Mode Works, why it's important to use it and how to Tr...

0

[译] 如何手动启动 Angular 程序

lx1036 2018年03月24日发布
收藏

Angular 官方文档写到，为了启动 Angular 程序，必须在 main.ts 文件里写上如下代码：

9

[译] 探索 Angular 使用 ViewContainerRef 操作 DOM

lx1036 2018年03月20日发布
16 收藏

原文链接：Exploring Angular DOM manipulation techniques using ViewContainerRef如果想深入学习 Angular 如何使用 Renderer 和 View Containers 技术操作 DOM，可以查阅 YouTube 视频 my talk at NgVikings。

0

后端学习Angular之介绍

lx1036 2018年03月16日发布
收藏

本文是<后端学习Angular>系列第一篇文章，主要介绍前端框架Angular和需要的几个技能装备。作为后端人员，学习前端框架Angular是个什么样的经历，有兴趣者可以持续关注<后端学习Angular>这个系列。

7

几句话熟悉Laravel/Symfony 事件系统

lx1036 2018年01月12日发布
10 收藏

我们知道，laravel/symfony 框架是由一堆堆 components 组件粘合在一起的。其中会有一个 event component 组件，比较特殊，它像一个中介，是框架层全局 component，专门负责不同component间相互通信传数据的。