AngularJS基础入门视频教程

先认清缺口：你到底缺哪一块

这份资料讲的是 AngularJS，但从目录看，它真正在讲的是现代 Angular 的核心骨架，也就是组件、模板、指令、管道这套机制。很多从旧前端转过来的人，最容易卡在几个地方：知道怎么写页面，但搞不清父子组件之间数据怎么传；会用现成框架指令，但自己写一个属性指令或结构指令就发懵；遇到动态组件和 ViewChild 的场景，直接绕道走。如果你现在写 Angular 还是靠复制粘贴，组件拆得乱七八糟，样式经常互相污染，那说明你的组件化思维和底层 API 调用是有缺口的，这门课就是来补这个缺口的。别假装什么都会，先把基础骨架彻底弄明白，再谈架构设计。

建议这样看：先补骨架，再啃交互

这门课适合有前端基础但没系统学过 Angular 的人。如果你连 JavaScript 和 TypeScript 的基本语法都不熟，建议先去补语言基础，否则看到组件装饰器和类型定义会很吃力。看的时候不要从头到尾匀速播放，建议分两步走。第一步先看快速入门、基础、组件和模板这几块，把一个组件从无到有怎么搭出来、模板语法怎么和数据绑定配合，彻底吃透。第二步重点啃组件交互的 input 和 output、组件样式、ViewChild 以及动态组件。这几节是互相咬合的，看完 input 和 output，你才能理解父子组件的通信链路；看完组件样式，你才能解决样式隔离和冲突的痛点。动态组件和 ViewChild 是进阶基础，很多人在实际项目里遇到需要动态加载组件的需求就抓瞎，这块必须动手敲，不能只看视频。

看完能做什么：独立拆组件和写指令

学完之后，你不应该只是会背几个 API，而应该能独立做这几件事：拿到一个复杂的页面需求，能合理地拆分成多个父子组件，并用 input 接收外部数据，用 output 向外抛事件；能自己手写属性指令去复用 DOM 行为，能写结构指令去控制模板的渲染逻辑；能用管道处理数据格式化，而不是在模板里写一堆乱七八糟的函数调用；遇到需要动态生成组件的场景，能结合 ViewChild 和动态组件机制把代码跑通。配套练习方面，不要只看视频跟着抄，建议自己起一个干净的项目，把课程里讲的父子组件通信、自定义指令、动态组件这几个场景，脱离视频自己实现一遍。实现卡住了再回去查对应章节，这样查漏补缺的效率最高。资料里的每一节都对应一个明确的练习点，看完一节就做一节的小练习，别囤着不动手。