angular
敏小静
专注前端技术研究和学习。
展开
-
hammerjs移动端手势放大或移动图片
基于angular的项目引入hammerjs手势操作。1、首先下载npm install hammerjs2、在main.ts引入import ‘hammerjs’;3、在app.module.ts对手势进行配置; import {HammerGestureConfig, HAMMER_GESTURE_CONFIG} from '@angular/platform-browser'; export class MyHammerConfig extends HammerGestureConfig原创 2021-02-26 17:45:11 · 882 阅读 · 0 评论 -
ionic4任意拖拽ng2-dragula
ionic自带的组件 on-reorder-group只能上下拖拽排序,如果想要元素任意拖拽可使用ng2-dragula;详情参考:stackoverflow–questionsdragula示例以及github地址原创 2021-02-08 15:32:12 · 414 阅读 · 0 评论 -
Angular的组件间通信
组件交互官方文档一、@Input与@Output (类似于Vue中的Prop和$emit自定义事件)父组件向子组件传递信息。父组件通过模板属性传递,子组件通过@Input接收属性Child.ts:Child.html:Father.html:Father.ts用于子组件向父组件传递信息,类似于vue中的this.$emit()自定义事件;通常搭配@Output装饰器使用。子组件 child.ts 自定义open和close事件:import { Component, In原创 2020-11-12 11:20:40 · 262 阅读 · 0 评论 -
深入了解angular的模块化系统NgModule
Angular应用就是模块化的,它的模块化系统NgModule相当于一个容器。NgModule通过它的元数据收集一些组件,指令,module、管道和一些其他的代码形成一个领域,并未这个领域提供一个编译上下文环境。每个 Angular 应用都至少有一个 NgModule 类,也就是根模块,它习惯上命名为 AppModule,并位于一个名叫 app.module.ts 的文件中。引导这个根模块就可以启动你的应用。大多数应用有很多特性模块,(即有多个NgModule),比如一些需求模块的组件会有自己的NgMo原创 2020-11-11 18:28:53 · 389 阅读 · 0 评论