摘要:完整的代码, 可以复制引用 进入时候的守卫 创建LoginGuard/login.guard.ts import { CanActivate, Router } from "@angular/router"; import { Injectable } from "@angular/core"; i
阅读全文
摘要:支持的事件类型: // NavigationStart:导航开始 // NavigationEnd:导航结束 // NavigationCancel:取消导航 // NavigationError:导航出错 // RoutesRecoginzed:路由已认证 在判断事件类型需要导入对应的事件类型,如
阅读全文
摘要:完整的代码, 可以复制引用 // 创建服务命令 // 使用Angular CLI创建服务 // npm ng g s service 在app.module.js中导入和提供服务 import { ServiceService } from './service/service.service';
阅读全文
摘要:生命周期函数 Ionic4 中内置的生命周期函数: ionViewWillEnter—当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter—进入后触发 ionViewWillLeave—如果页面将离开触发 ionViewDidLeave—在页面离开后触发 ionViewWillU
阅读全文
摘要:ionic4.x 中使用 EventEmitter 事件驱动实现页面通讯 1. Eventemitter Github 地址: https://github.com/primus/eventemitter3 2、安装配置 EventEmitter: npm install --save evente
阅读全文
摘要:纯原生js的图形拼接验证码 GitHub Repository: yeild/jigsaw 兼容 vue angular flutter各端的图形验证码 Gitee Repository: anji-plus/captcha HTML结构 调用示例 (window as any).jigsaw.in
阅读全文
摘要:发生情景: 在app中的h5, app注入了全局的window对象和webview里面的页面交互,打包的时候报了错误。 解决方式: 方法一: (window as any).xxx 直接在组件里把 `window.jigsaw.init({});` 改成 `(window as any).jigsa
阅读全文
摘要:全局引入: 在 `index.html` 文件中,你可以直接引入外部的 JavaScript 文件,例如 jQuery 和 jigsaw: 在 Angular 组件中使用: declare var $: any; // import * as $ from 'jquery'; // import *
阅读全文
摘要:提供了一个使用 `BehaviorSubject` 的 `Store` 服务的简化示例。这是一个非常基本的状态管理模式,常见于 Angular 应用中。 创建store.js 代码概述: import { Injectable } from '@angular/core'; import { Beh
阅读全文
摘要:完整的代码, 可以直接使用 // 创建app-routing-module.ts 使用的地方引入 <router-outlet></router-outlet> 创建app-routing-module.ts // 根目录下面创建 app-routing-module.ts import { NgM
阅读全文
摘要:新建service.ts import { Injectable } from '@angular/core'; import { LangCN } from './cn'; import { LangEn } from './en'; @Injectable() export class Lang
阅读全文
摘要:#### 安装Angular CLI npm install -g @angular/cli #### 创建新项目 ng new 项目名称 #### 启动项目 ng serve --open #### 项目默认访问地址 localhost:4200/ #### 创建新组件 ng g c 组件名称 #
阅读全文
摘要:#### 使用的地方 import { Lang } from '../../lib/en'; console.log(new Lang('1')['en']); // '1'是传参 #### en.ts export class Lang { public en = { "HOME": "Home
阅读全文
摘要:#### 1. 创建项目 ng new 命令: ng new <project-name> [options] 描述: 创建一个新的 Angular 项目,默认在当前所在目录下 参数: --dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目 --verbose -v 输出详细
阅读全文