随笔分类 - Angular 使用
Angular 常规操作文档化
摘要：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
阅读全文
