Discowei的博客

vscode html/css 写代码的一些快捷指令不定期更新。div.container>div.item.item$*9<!-- div.container>div.item.item$*9 --><div class="container"> <div class="item item1"></div> <div class="item item2"></div> <div cl

Angular 路由懒加载项目启动的时候不加载user模块，只有路由到user模块的时候才加载user模块user-routing.module.tsconst routes: Routes = [ { path:'', component:UserComponent },];app-routing.module.tsconst routes: Routes = [ { path:'user', //loadChildren:'./module/user/

Angular 单元测试-提取公共方法可以重用的测试代码可以提取到单独的文件。创建一个common.spec.ts( 名字随便起 )写入公共代码到common.spec.ts 并exportimport { HttpService } from '../services/http/http.service';function prepareAll() { const filePath = 'assets/UTData/http-get-test.json'; // 真实数据存在

Angular Unit Test 单元测试HttpClient测试一个注入HttpClient模块的服务http.service.ts，测试其中的httpGet()方法http.service.tsimport { Observable } from 'rxjs';import { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http';import axios from 'axi

Angular Unit Test 单元测试异步方法点我测试对象代码.import { AsyncService } from './async.service';describe('AsyncService', () => { let service: AsyncService; beforeEach(() => { // TestBed.configureTestingModule({}); // service = TestBed.inject(Async

Angular 003 组件注入自定义服务-实现异步处理服务AsyncService，用timeout来模拟异包装异步方法import { Injectable } from '@angular/core';import { Observable } from 'rxjs';@Injectable({ providedIn: 'root'})export class AsyncService { constructor() { }// 同步方法 getData(input:st

Angular 003 绑定 Binding单向数据绑定export class NgBindingComponent implements OnInit { public title:string="我是标题"; public userInfo:any={ tel:10086, userName:"Derek" } public rockMusic:any[]=[ { rockType:"Punk", band:"反光镜",

Angular 002 创建组件，组件的模板创建组件指令 ng g component 在Components目录下创建一个home组件的指令ng g component Components/home.创建后系统会生成4个文件home.component.html : html就是所谓的模板home.component.scss : 样式文件，后缀.scss是因为我们创建项目选的scsshome.component.spec.ts 单元测试文件。home.component.ts 业务逻

Angular Unit Test 21 断言总结// toEqual var arr1 = [1,2]; var arr2 = [1,2]; //expect(arr1).toBe(arr2); 结果false--toBe表示=== expect(arr1).toEqual(arr2); //true// toMatch(Regex or string)正则断言 var value3 = 'I am using Angular Unit Test';

Angular Unit Test 单元测试01完成一个测试用例最基础的4个概念：// 测试细则套件describe(description: string, specDefinitions: () => void): void;// 预处理函数beforeEach(() => {})// 定义细则,包含若干测试预期it （‘specDesc, fn’）// 预期expect（val1）.toBe(val2);describe('NgBindingComponent'

Angular 学习笔记 001 文件结构废话不说直接上图看完了框架基本目录结构之后我们来看看代码文件夹src/app里面的根模块。