03 2020 档案
摘要:Angluar 使用VS Code 可以方便的开发,是用自带的server调试,但到了真正部署的阶段,肯定需要Server 使用VS 可以使用 .NET Core 5.0 方便的开发一个完整的 Angular 应用程序 前期准备: 1. 安装扩展 2. 安装扩展 步骤: 1. 新建一个 ASP.NE
阅读全文
摘要:快速生成一个表单,需求如下: 收集以下信息: 姓名,字符串,必填 地址,字符串,选填 兴趣,字符串,选填 问题,对象,必填 电话,数组,选填 示例数据: data = { name: 'zhangming', address: 'China Xian', hobby: 'Sing', questio
阅读全文
摘要:常常需要切换多页面,因此需要路由 1.定义一份文件,专门用来配置各个路径跳转后的组件,一个组件就代表一个页面 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router
阅读全文
摘要:1. 加判空 举例: 原因: 解决:加问号,Angular 发现为空时,忽略掉这部分内容,不会导致整个应用崩掉 <div> student name is {{stu?.name}}<br> student age is {{stu?.age}} </div> 2. Any 类型 <p>The it
阅读全文
摘要:Angular 应用几乎不可能不用结构指令 总结常见的结构指令: 1. *ngFor 用来迭代生成多个元素,很常用 举个例子,这个table就是用for迭代出来的,好用: html: <table> <tr> <th>name</th> <th>age</th> <th>address</th> <
阅读全文
摘要:绑定事件: 语法:(xxx1) = "xxx2" xxx2 是一个 template statement 而不是之前模板绑定的 template expression,也就是说这个一个语句,不是一个表达式 xxx1 也可以是下面这几种可能 1. 原生DOM元素的事件: <button (click)
阅读全文
摘要:生成组件: ng generate component simple-test 使用模板表达式: <div [xxx1]="xxx2"></div> 总结 xxx1: 1. 原生DOM元素本身的 Property 例如: <div [id]="eleId"></div> <input [(ngMod
阅读全文
摘要:ES1: 1997年6月发布 ES2: 1998年6月发布 ES3: 1999年12月发布 ES4: 废弃 ES5: 2009年12月发布 目前所有浏览器都全部支持的版本 ES6: 2015年6月发布,名称是 ES2015 浏览器部分支持 ES7: 2016年6月发布,名称是 ES2016 ES8:
阅读全文
摘要:有时候 SourceMap 并没有那么好用,总有时候对应不上行号,出现在ts里打不上断点,搞得人心烦意乱 在这里,关掉 sourcemap,调试类库代码还挺方便的: 1. F12,找到 setting 2. 调试时,暂时关闭 sourcemap 功能
阅读全文