组件

Angular 自定义实现drag drop拖拽组件功能

Angular 自定义实现drag drop拖拽组件功能

用angular来实现拖拽布局组件,首先想到的是直接使用angular的cdk angular cdk drag drop,尝试了一下,是很好用,在两个列表之间或自身的拖动排序上是很好的。但是我想实现的是类似于左侧
Angular 2021-09-17 14 0 0
Angular10教程–4.8 RxJs-demo实战练习

Angular10教程–4.8 RxJs-demo实战练习

学了再多的概念,如果没有实战,都是徒劳。这一节将写一个输入框搜索请求后台数据,显示在页面上的例子。创建一个 rxjs demo 组件,并采用 OnPush 策略: ng g c components rxjs demo c O
Rxjs 2021-07-03 136 0 0
Angular10教程–2.11 动态组件

Angular10教程–2.11 动态组件

如果说,之前在模版中调用的组件为静态组件(比如:app xxx)那么不用在模版里声明,而是通过ts动态插入到dom中到组件,可以视为动态组件我们将通过一个alert组件来解释创建动态组件的步骤,
Angular 2021-07-03 93 0 0
Angular10教程–2.6.1 ng-content标签

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 141 0 0
Angular10教程–2.2 父子组件之间传值

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

前面,我们介绍了基本的属性绑定这些基础,这一节我们将介绍如何使用ng命令生成一个组件,并且还将介绍组件之间的相互属性传值。 补充:事件绑定 上一节,我们介绍的事件绑定主要是直接绑
Angular 2021-07-02 88 0 0
Angular10教程–2.0 语法-ngModule简介

Angular10教程–2.0 语法-ngModule简介

作为Angular10教程,在我的理解中,angular相较于VUE,它的模块化做得更好,这样使代码结构显得更清晰。所以本节,我们将简单介绍下angular语法,对ngModule的理解。 什么是angular module
Angular 2021-07-02 73 0 0
Angular认识模块与组件的概念与区别

Angular认识模块与组件的概念与区别

前言 我们都知道一个angular应用通常会有多个模块 Module 组成。而我们又会在一个模块下写多个组件,让我们了解一些模块与组件的基本构造吧。 让大家对Angular的模块和组件有一个清晰的
前端技术 2021-04-19 365 0 0