Logo
☆☆☆☆☆
0.0
Intermediate
3h 10m

Angular中的指令和管道

指令和管道是 Angular 框架中极其强大且常被低估的功能。它们帮助我们编写高效代码,提升应用性能,并减少代码重复。 在本课程中,你将学习 Angular 内置指令和管道的原理及其工作机制。你还将实现一些自定义指令和管道,了解它们在实际项目中的应用场景。通过本课程,你将提升自己的 Angular 技能,并优化项目的代码结构,从而提高代码的性能和可读性。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
Angular中的指令和管道
指令和管道是 Angular 框架中极其强大且常被低估的功能。它们帮助我们编写高效代码,提升应用性能,并减少代码重复。 在本课程中,你将学习 Angular 内置指令和管道的原理及其工作机制。你还将实现一些自定义指令和管道,了解它们在实际项目中的应用场景。通过本课程,你将提升自己的 Angular...

WHAT YOU'LL LEARN

深入理解指令和管道的工作原理及其实现方式。

Content

7 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    本课程主要内容是什么?

指令
  1. 1

    指令简介

  2. 2

    指令是如何工作的?

  3. 3

    练习:指令的使用

  4. 4

    解决方案:通过指令进行练习

  5. 5

    Angular 内置属性指令 - NgClass

  6. 6

    练习:内置的 `NgClass` 指令

  7. 7

    解决方案:内置的 `NgClass` 指令

  8. 8

    内置的 `NgStyle` 指令

  9. 9

    练习:内置的 `NgStyle` 指令

  10. 10

    解决方案:内置的 `NgStyle` 指令

  11. 11

    内置的 `NgModel` 指令

  12. 12

    练习:内置的 `NgModel` 指令

  13. 13

    解决方案:内置的 `NgModel` 指令

  14. 14

    内置的 `NgIf` 指令

  15. 15

    练习:内置的 `NgIf` 指令

  16. 16

    解决方案:内置的 `NgIf` 指令

  17. 17

    内置的 `NgFor` 指令

  18. 18

    练习:内置的 `NgFor` 指令

  19. 19

    解决方案:内置的 `NgFor` 指令

  20. 20

    内置的 `NgSwitch` 指令

  21. 21

    练习:内置的 `NgSwitch` 指令

  22. 22

    解决方案:内置的 `NgSwitch` 指令

  23. 23

    使用 `ng-container` 的一个实用技巧

属性指令
  1. 1

    属性指令简介

  2. 2

    练习:属性指令简介

  3. 3

    解决方案:属性指令简介

  4. 4

    向自定义属性指令传递值

  5. 5

    练习:向自定义属性指令传递值

  6. 6

    解决方案:向自定义属性指令传递值

  7. 7

    使用自定义属性指令处理事件

  8. 8

    练习:使用自定义属性指令处理事件

  9. 9

    解决方案:使用自定义属性指令处理事件

  10. 10

    编写自己的属性指令

  11. 11

    总结

结构指令
  1. 1

    结构指令简介

  2. 2

    结构型指令的语法

  3. 3

    自定义结构指令

  4. 4

    练习:自定义结构指令

  5. 5

    解决方案:自定义结构指令

  6. 6

    编写自定义结构指令

  7. 7

    总结

使用指令的高级技巧
  1. 1

    使用备用模板显示和隐藏

  2. 2

    练习:使用备用模板显示和隐藏

  3. 3

    解决方案:使用备用模板显示和隐藏

  4. 4

    可自定义的 Ng-Content 元素

  5. 5

    练习:可自定义的 Ng-Content 元素

  6. 6

    解决方案:可自定义的 Ng-Content 元素

  7. 7

    使用指令处理多个元素

  8. 8

    练习:使用指令处理多个元素

  9. 9

    解决方案:使用指令处理多个元素

指令摘要
  1. 1

    总结

管道
  1. 1

    管道简介

  2. 2

    管道的工作原理

  3. 3

    Angular 内置管道

  4. 4

    练习:Angular 内建管道

  5. 5

    解决方案:Angular 内置管道

  6. 6

    自定义管道

  7. 7

    练习:自定义管道

  8. 8

    解决方案:自定义管道

  9. 9

    组合管道

  10. 10

    练习:组合管道

  11. 11

    解决方案:合并管道

  12. 12

    管道和可观察对象

  13. 13

    练习:管道与可观察对象

  14. 14

    解决方案:管道和可观察对象

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)