随笔分类 -  angular

这里有我的个人心得 和 学习笔记
angular 路由守卫
摘要:完整的代码, 可以复制引用 进入时候的守卫 创建LoginGuard/login.guard.ts import { CanActivate, Router } from "@angular/router"; import { Injectable } from "@angular/core"; i 阅读全文

posted @ 2021-10-26 22:07 完美前端 阅读(362) 评论(0) 推荐(0)

angular 监听路由
摘要:支持的事件类型: // NavigationStart:导航开始 // NavigationEnd:导航结束 // NavigationCancel:取消导航 // NavigationError:导航出错 // RoutesRecoginzed:路由已认证 在判断事件类型需要导入对应的事件类型,如 阅读全文

posted @ 2021-10-26 22:06 完美前端 阅读(565) 评论(0) 推荐(0)

angular service
摘要:完整的代码, 可以复制引用 // 创建服务命令 // 使用Angular CLI创建服务 // npm ng g s service 在app.module.js中导入和提供服务 import { ServiceService } from './service/service.service'; 阅读全文

posted @ 2021-10-26 22:05 完美前端 阅读(88) 评论(0) 推荐(0)

ionic 和 angular 生命周期
摘要:生命周期函数 Ionic4 中内置的生命周期函数: ionViewWillEnter—当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter—进入后触发 ionViewWillLeave—如果页面将离开触发 ionViewDidLeave—在页面离开后触发 ionViewWillU 阅读全文

posted @ 2021-10-26 21:54 完美前端 阅读(161) 评论(0) 推荐(0)

angular EventEmitter事件驱动通讯
摘要:ionic4.x 中使用 EventEmitter 事件驱动实现页面通讯 1. Eventemitter Github 地址: https://github.com/primus/eventemitter3 2、安装配置 EventEmitter: npm install --save evente 阅读全文

posted @ 2021-10-26 21:53 完美前端 阅读(234) 评论(0) 推荐(0)

angular 纯原生js的图形拼接验证码 和 支持服务器 兼容 vue angular flutter各端的图形验证码
摘要:纯原生js的图形拼接验证码 GitHub Repository: yeild/jigsaw 兼容 vue angular flutter各端的图形验证码 Gitee Repository: anji-plus/captcha HTML结构 调用示例 (window as any).jigsaw.in 阅读全文

posted @ 2021-08-06 03:53 完美前端 阅读(188) 评论(0) 推荐(0)

angular 完美解决自定义windows变量打包报错:Property ‘XXX‘ does not exist on type ‘Window‘
摘要:发生情景: 在app中的h5, app注入了全局的window对象和webview里面的页面交互,打包的时候报了错误。 解决方式: 方法一: (window as any).xxx 直接在组件里把 `window.jigsaw.init({});` 改成 `(window as any).jigsa 阅读全文

posted @ 2021-08-06 03:42 完美前端 阅读(1659) 评论(0) 推荐(0)

angular 安装jq 引用外部js
摘要:全局引入: 在 `index.html` 文件中,你可以直接引入外部的 JavaScript 文件,例如 jQuery 和 jigsaw: 在 Angular 组件中使用: declare var $: any; // import * as $ from 'jquery'; // import * 阅读全文

posted @ 2021-08-06 02:32 完美前端 阅读(97) 评论(0) 推荐(0)

angular 全局监听变量
摘要:提供了一个使用 `BehaviorSubject` 的 `Store` 服务的简化示例。这是一个非常基本的状态管理模式,常见于 Angular 应用中。 创建store.js 代码概述: import { Injectable } from '@angular/core'; import { Beh 阅读全文

posted @ 2020-12-29 20:08 完美前端 阅读(1051) 评论(0) 推荐(0)

angular 生命周期
摘要: 阅读全文

posted @ 2020-12-27 14:30 完美前端 阅读(99) 评论(0) 推荐(0)

angular 项目结构
摘要: 阅读全文

posted @ 2020-12-26 13:26 完美前端 阅读(114) 评论(0) 推荐(0)

angular 路由文件配置
摘要:完整的代码, 可以直接使用 // 创建app-routing-module.ts 使用的地方引入 <router-outlet></router-outlet> 创建app-routing-module.ts // 根目录下面创建 app-routing-module.ts import { NgM 阅读全文

posted @ 2020-12-26 11:51 完美前端 阅读(173) 评论(0) 推荐(0)

angular 创建服务 全局设置修改 函数 变量
摘要:新建service.ts import { Injectable } from '@angular/core'; import { LangCN } from './cn'; import { LangEn } from './en'; @Injectable() export class Lang 阅读全文

posted @ 2020-09-06 19:35 完美前端 阅读(363) 评论(0) 推荐(0)

angular 笔记
摘要:#### 安装Angular CLI npm install -g @angular/cli #### 创建新项目 ng new 项目名称 #### 启动项目 ng serve --open #### 项目默认访问地址 localhost:4200/ #### 创建新组件 ng g c 组件名称 # 阅读全文

posted @ 2020-09-01 14:35 完美前端 阅读(192) 评论(0) 推荐(0)

angular 引入本地js
摘要:#### 使用的地方 import { Lang } from '../../lib/en'; console.log(new Lang('1')['en']); // '1'是传参 #### en.ts export class Lang { public en = { "HOME": "Home 阅读全文

posted @ 2020-08-30 15:30 完美前端 阅读(760) 评论(0) 推荐(0)

angular常用命令整理
摘要:#### 1. 创建项目 ng new 命令: ng new <project-name> [options] 描述: 创建一个新的 Angular 项目,默认在当前所在目录下 参数: --dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目 --verbose -v 输出详细 阅读全文

posted @ 2019-10-22 11:36 完美前端 阅读(2628) 评论(0) 推荐(0)

导航