摘要: 常常需要切换多页面,因此需要路由 1.定义一份文件,专门用来配置各个路径跳转后的组件,一个组件就代表一个页面 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router 阅读全文
posted @ 2020-03-22 16:46 内心澎湃的水晶侠 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1. 加判空 举例: 原因: 解决:加问号,Angular 发现为空时,忽略掉这部分内容,不会导致整个应用崩掉 <div> student name is {{stu?.name}}<br> student age is {{stu?.age}} </div> 2. Any 类型 <p>The it 阅读全文
posted @ 2020-03-22 16:11 内心澎湃的水晶侠 阅读(391) 评论(0) 推荐(0) 编辑
摘要: Angular 应用几乎不可能不用结构指令 总结常见的结构指令: 1. *ngFor 用来迭代生成多个元素,很常用 举个例子,这个table就是用for迭代出来的,好用: html: <table> <tr> <th>name</th> <th>age</th> <th>address</th> < 阅读全文
posted @ 2020-03-22 15:30 内心澎湃的水晶侠 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 绑定事件: 语法:(xxx1) = "xxx2" xxx2 是一个 template statement 而不是之前模板绑定的 template expression,也就是说这个一个语句,不是一个表达式 xxx1 也可以是下面这几种可能 1. 原生DOM元素的事件: <button (click) 阅读全文
posted @ 2020-03-22 14:51 内心澎湃的水晶侠 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 生成组件: ng generate component simple-test 使用模板表达式: <div [xxx1]="xxx2"></div> 总结 xxx1: 1. 原生DOM元素本身的 Property 例如: <div [id]="eleId"></div> <input [(ngMod 阅读全文
posted @ 2020-03-22 12:15 内心澎湃的水晶侠 阅读(1113) 评论(0) 推荐(0) 编辑