分类标签归档:Angular

Angular生命周期钩子


动机

现代前端框架将应用程序从一个州转移到另一个州。数据推动了这些更新。这些技术与数据相互作用,而数据反过来又转变了状态。随着每个州的变化,有许多特定时刻可以获得某些资产。

在一个实例中,模板可能已准备好,另一个数据将完成上载。每个实例的编码都需要一种检测手段。生命周期钩子满足了这种需求。现代前端框架包含各种生命周期钩子。 Angular也不例外

生命周期钩子解释

生命周期钩子是定时方法。它们的执行时间和原因各不相同。变更检测会触发这些方法。它们根据当前循环的条件执行。 Angular运行会不断更改其数据的检测。生命周期钩子有助于管理其效果。

这些钩子的一个重要方面是它们的执行顺序。它永...

阅读全文...

Angular NgModules


动机

角度应用程序从根NgModule开始。 Angular通过其由NgModules组成的模块系统来管理应用程序的依赖关系。除了普通的JavaScript模块,NgModules还可确保代码模块化和封装。

模块还提供最高级别的组织代码。每个NgModule都以自己的代码块为根。该模块为其代码提供从上到下的封装。然后,整个代码块可以导出到任何其他模块。从这个意义上说,NgModules就像守门员一样对待自己的代码块。

Angular的文档实用程序来自Angular编写的NgModules。除非声明它的NgModule包含在根中,否则没有可用的实用程序。这些实用程序还必须从其主机模块导出,...

阅读全文...

Angular管道


动机

输出数据转换。它们确保数据在加载到用户屏幕上时处于理想的格式。通常,数据会在幕后进行转换。使用管道,转换数据可以在模板HTML中进行。管道直接转换模板数据。

管道看起来不错,方便。它们有助于保持组件类的基本转换。从技术上讲,管道封装了数据转换逻辑。

输出转换

如前一节所述,管道内联转换数据。管道语法与shell脚本相关联。在许多脚本中,命令的一部分的输出作为输入通过_管道传输_到下一部分作为输入。同样的趋势是角管的特征。

在Angular中,存在许多与模板HTML中的数据交互的方式。管道可以应用于将数据解析到模板HTML中的任何位置。它们可以在微结构逻辑和innerHTML变量插值...

阅读全文...

Web前端学习线路图



一、HTML 教程

阅读全文...