Angular10教程–2.9 Pipe管道

Angular10教程–2.9 Pipe管道

Pipe管道,通过逻辑简单处理模板中数据的一种方式,用法简单,是开发中很重要的简化代码的利器。元数据说明 name: string --在模板中绑定时使用的管道名。通常使用 lowerCamelCase 拼写...
Angular 2021-07-03 55 0 0
Angular10教程–2.6.1 ng-content标签

Angular10教程–2.6.1 ng-content标签

写过vue的兄弟些肯定了解<slot>这个标签,这一节,我们了解下<ng-content>标签,功能类似<slot>,使用方式有别,后面将介绍完全类似的插槽。在angular的官方文档中几乎看...
Angular 2021-07-02 87 0 0
Angular10教程–2.6 NgTemplateOutlet指令

Angular10教程–2.6 NgTemplateOutlet指令

前面我们有写过一个dialog组件,其中有一个功能点我们是没有实现的,那就是不能传入自定义组件内容。这一节,我们了解下NgTemplateOutlet结构指令 需求分析: 创建一个子组件,并且有...
Angular 2021-07-02 58 0 0
Angular10教程–2.3 双向绑定

Angular10教程–2.3 双向绑定

前面我们了解了属性绑定、事件绑定以及输入和输出的使用,是时候了解双向绑定了。本节,我们将利用@Input()和@Output()来了解下双向绑定。定义:双向绑定为应用中的组件提供了一种共享数据的...
Angular 2021-07-02 55 0 0
Angular10教程–2.2 父子组件之间传值

Angular10教程–2.2 父子组件之间传值

前面,我们介绍了基本的属性绑定这些基础,这一节我们将介绍如何使用ng命令生成一个组件,并且还将介绍组件之间的相互属性传值。 补充:事件绑定 上一节,我们介绍的事件绑定主要是直接绑...
Angular 2021-07-02 49 0 0
Angular10教程–2.1 模版表达式 插值与绑定

Angular10教程–2.1 模版表达式 插值与绑定

这一节,我们主要讲angular的模版表达式,以及属性、class、style、事件的绑定~ 插值与模板表达式 所谓 \"插值\" ,就是指将表达式嵌入到标记文本中。默认情况下,插值会用双花括号 {{  }...
Angular 2021-07-02 48 0 0