Angular10教程–2.10 生命周期 钩子函数 对于单页面应用来说,组件的生命周期在开发中至关重要。了解生命周期,在适当的时机处理不同的逻辑,从而使应用更加合理与健壮。定义:当 Angular 实例化组件类并渲染组件视图及其子视图时, Angular 2021-07-03 1630 0 0
Angular10教程–2.9 Pipe管道 Pipe管道,通过逻辑简单处理模板中数据的一种方式,用法简单,是开发中很重要的简化代码的利器。元数据说明 name string 在模板中绑定时使用的管道名。通常使用 lowerCamelCase 拼写 Angular 2021-07-03 1120 0 0
Angular10教程–2.8 ContentChild与ContentChildren 装饰器 ContentChild与ContentChildren跟我们上一节介绍的ViewChild与ViewChildren用法几乎一致。他们都是装饰器,但是区别在于,前者是获取投影(ng content)中的组件、元素等。 ContentChild Angular 2021-07-03 1614 0 0
Angular10教程–2.7 ViewChild与ViewChildren 属性装饰器 在任何js框架下,获取元素都是常用且重要的操作。这一节,我们将介绍Angular中如何使用ViewChild与ViewChildren来获取DOM元素、组件、指令。在这之前,我们需要先了解一个Angular的生命周期 Angular 2021-07-03 1624 0 0
Angular10教程–2.6.1 ng-content标签 写过vue的兄弟些肯定了解 amp lt slot amp gt 这个标签,这一节,我们了解下 amp lt ng content amp gt 标签,功能类似 amp lt slot amp gt ,使用方式有别,后面将介绍完全类似的插槽。在angular的官方文档中几乎看 Angular 2021-07-02 1219 0 0
Angular10教程–2.6 NgTemplateOutlet指令 前面我们有写过一个dialog组件,其中有一个功能点我们是没有实现的,那就是不能传入自定义组件内容。这一节,我们了解下NgTemplateOutlet结构指令 需求分析: 创建一个子组件,并且有 Angular 2021-07-02 1256 0 0
Angular10教程–2.5-指令 属性型指令和结构型指令 本节将介绍Angular 提供的两种内置指令:属性型指令和结构型指令。 属性型指令 属性型指令用于改变一个 DOM 元素的外观或行为,不会改变 DOM 结构。 组件是一种特殊的指令 为了验 Angular 2021-07-02 1366 0 0
Angular10教程–2.3 双向绑定 前面我们了解了属性绑定、事件绑定以及输入和输出的使用,是时候了解双向绑定了。本节,我们将利用 Input 和 Output 来了解下双向绑定。定义:双向绑定为应用中的组件提供了一种共享数据的 Angular 2021-07-02 1062 0 0
Angular10教程–2.2 父子组件之间传值 前面,我们介绍了基本的属性绑定这些基础,这一节我们将介绍如何使用ng命令生成一个组件,并且还将介绍组件之间的相互属性传值。 补充:事件绑定 上一节,我们介绍的事件绑定主要是直接绑 Angular 2021-07-02 1102 0 0
Angular10教程–2.0 语法-ngModule简介 作为Angular10教程,在我的理解中,angular相较于VUE,它的模块化做得更好,这样使代码结构显得更清晰。所以本节,我们将简单介绍下angular语法,对ngModule的理解。 什么是angular module Angular 2021-07-02 988 0 0