随笔分类 - NG-CLI
摘要：针对循环出来的多个a 标签进行点击跳转，但是由于循环时，a 标签的跳转路径最多只能只能给出一个，这样循环出来的a标签跳转也是同一个页面的时候，出现以下方式进行解决点击不同的a标签按钮进行跳转到不同的页面内容中 1.在你的根路由中进行路由设置 {path：“xxx/:app_id”,component
阅读全文
摘要：在项目完成时，需要代码进行打包，打包也就意味着压缩，最开始用的是ng build ，本来项目就不大，使用最简洁的打包，打包出来的包体太大，以至于在游戏中使用加载太过于缓慢，后来想使用ng build --prod 来进行打包，但是却给我出现了members的报错，但是出现了members的报错，也没
阅读全文
摘要：在打包前出现全局版本比本地版本出现高的情况下，使用ng build 打包成功但是在使用ng build --prod / ng serve 打包出现报错members的情况下，则使用已下方法来进行解决 1.在项目中进行操作： 1.1npm install -g npm-check-updates 等
阅读全文
摘要：1.使用http服务 要在新建的服务中进行一次声明 import {HttpClient,HttpHeaders} from '@angular/common/http'; import { Observable, Subscriber } from 'rxjs' 2.要在根目录中进行一次引入 im
阅读全文
摘要：1.在一个新的angualr项目中，添加hightcharts 1.npm install highcharts-angular --save（获取highcharts的下载包） 2.npm install highcharts highcharts-angular --save(安装highcha
阅读全文
摘要：ng 引入jquery 1.在项目中 npm install --save jquery 在对应组件中加入 import * as $ from "jquery"; 在angular.json中的 scripts:[]中加入 "./node_modules/jquery/dist/jquery.js
阅读全文
摘要：动画过渡两种方法 1.使用angular+animation实现 在app-module.ts中引入 BrowserAnimationsModule 1.import { BrowserAnimationsModule} from '@angular/platform-browser/animati
阅读全文
摘要：1.在项目中使用命令 npm i bootstrap -s来创建bootstrap 2.创建完成之后在 angular.json中引入进去 "styles": [ "src/styles.scss", "./node_modules/bootstrap/dist/css/bootstrap.min.
阅读全文
摘要：1.进入阿里巴巴矢量图标库中，选择需要下载的图标，添加进项目中 2.进去项目选择Font class 模式,然后下载到本地 3.解压下载的压缩包，把.css/.svg/.ttf/.woff/.woff2文件放入到ng项目中的assets中 其中/.svg/.ttf/.woff/.woff2在asse
阅读全文
摘要：1.ng build --base --href /前缀名/--common - chunk --output-hashing=all --optimization 2.更改ts和html中的路径，将路径改成./xxx/xxx/xxx eg: ./assests/img/backin.img
阅读全文
摘要：安卓 apk 嵌入H5页面只显示部分（有空白页出现） 解决方案 没有加载的是js部分，需要在安卓那边加上一串代码 webView.getSetting().setDomStorageEnabled(true); 加上即可显示全部 不显示的原因是 安卓禁止了js的加载
阅读全文
摘要：父组件调用子组件 1.在子组件的ts中声明一个变量 public lineout:any="你好，我是被父组件调用的子组件"; 2.在父组件的html中写入 （引入子组件） <button (click)="parentsClick()">父组件点击调用子组件</button> <app-news
阅读全文
摘要：子组件调用父组件的内容（数据，函数），使用Input/output 方法一：（Input） 在子组件ts中中引入Input import { Input } from '@angular/core'; 在子组件ts中的 export class XXXXComponent implements On
阅读全文
摘要：1.在项目完成后进行项目打包 2.输入ng build后会出现dist打包文件 3.在打包文件中有一个文件index.html文件,改变html中的一个参数 <base href="/">改为<base href="./"> 在app.module中引入 HashLocationStrategy,L
阅读全文
摘要：判定输入的手机号是否正确 infoConfirm(){ if (!/^1[3456789]\d{9}$/.test(this.mobile)) { this.phoneInfo = true; return setTimeout(() => { this.phoneInfo = false; },
阅读全文
摘要：ng 的手机号码进行验证： 1.在对应的ts文件中，先声明一个变量 private mobile: string private btnCaptchaText: string = '发送验证码' private timeLeft: number = 0 2.在对应的触发事件中写入需要的事件代码 if
阅读全文
摘要：父子路由的用法 父子路由一般用在页面中的一个小地方，只是通过某个触发按钮，改变整个页面中的一部分区域变化 通过以上两张图片可以明显的看到路径localhost：4200/home是一样的，不一样的只是后面一部分 而后面的welcome和setting 正是两个页面的名称，同时也是通过左侧的两个按钮通
阅读全文
摘要：数据请求 post 新建一个服务 1. ng g service services /+服务名 eg：ng g service services/player 在此服务中进行设置 引入自带组件以及注册 import {HttpClient,HttpHeaders} from '@angular/co
阅读全文
摘要：数据请求 get 新建一个服务 1. ng g service services /+服务名 eg：ng g service services/player 在此服务中进行设置 引入自带组件以及注册 import {HttpClient,HttpHeaders} from '@angular/com
阅读全文
摘要：angualr的token 验证会经常用在登录，注册等地方 对于token的使用方法按照以下步骤进行使用即可 1.新建一个服务 ng g service services /+服务名 eg：ng g service services/player 会在根目录下出现一个叫service的服务文件夹 文
阅读全文
