1.创建路由CanDeactivate文件 import { CanDeactivate } from "@angular/router"; // import { UserLockComponent } from "../lock/lock.component"; import {UserLock ...
分类:
其他好文 时间:
2020-06-02 18:43:04
阅读次数:
81
/*这些是JavaScript导入语句。angular对此一无所知。*/ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { Fra ...
分类:
其他好文 时间:
2020-06-02 11:20:00
阅读次数:
48
服务是 Angular 应用的重要组成部分。在 Angular 中,服务是一个类的实例,它可以借助 Angular 的依赖注入系统来让应用中的任何一个部件都能使用它。 新建服务 import { Injectable } from '@angular/core'; @Injectable({ pro ...
分类:
其他好文 时间:
2020-06-02 11:02:25
阅读次数:
56
这是一个系列,带着大家封装一个纯 CSS 框架,从零学习 SASS 语法。 代码仓库点我传送 因为简单,强依赖原生 Javascript 对虚拟 DOM 不友好(如 React、Vue、Angular),使用虚拟 DOM 对使用原生 Javascript 编程(JQuery)不友好。没有代码是最棒的 ...
分类:
Web程序 时间:
2020-06-02 09:17:48
阅读次数:
94
angular对于input的防抖功能实现借用rxjs的debounceTime实现 定义directive.ts指令文件 import { Directive, ElementRef, Input } from '@angular/core'; import { fromEvent, Observ ...
分类:
其他好文 时间:
2020-06-01 15:39:59
阅读次数:
118
一、需求点 自己有的时候写前端的时候需要后端接口来实现联调,这个时候必须开启一个后端服务,里面得写蛮多代码,很繁琐,而且如果接口数据改了还得修改代码重启,特别是SpringBoot这类很重的框架每次重启都很久; 后续百度了一下也有一些网站提供接口mock功能,但是都是要注册,而且网速巨慢,如果没网了 ...
分类:
其他好文 时间:
2020-05-31 17:45:32
阅读次数:
115
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合, 20kB运行大小,超快虚拟 DOM 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用, ...
分类:
其他好文 时间:
2020-05-27 20:05:26
阅读次数:
87
一、Angular 内置模块 二、Angular 自定义模块 当我们项目比较小的时候可以不用自定义模块。但是当我们项目非常庞大的时候把所有的组 件都挂载到根模块里面不是特别合适。 所以这个时候我们就可以自定义模块来组织我们的项目。并且通过 Angular 自定义模块可以实现路由的懒加载。 ng g ...
分类:
其他好文 时间:
2020-05-26 20:25:22
阅读次数:
110
一、前言 最近在用angular做商城购物车的功能模块,因为angular的watch监听,数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是,之前用户操作的样式都会被重置掉。 例如我勾选了几个商品准备结算,又修改了商品数量,这时候发起了请求,页面数据被渲染,打钩的商品全被恢复未选中。 想 ...
分类:
编程语言 时间:
2020-05-26 12:16:29
阅读次数:
62
创建新项目: ng new angularproject 创建依赖: npm install 安装组件: ng g component components/home ng g component components/pcontent 在app-routing.module.ts里面配置路由 im ...
分类:
编程语言 时间:
2020-05-26 10:33:31
阅读次数:
114