angular
主要是个人学习angular的一个笔记
zero_权
这个作者很懒,什么都没留下…
展开
-
angular指令
文章目录大家应该都知道,在html中存在一些附加在元素节点上的标记,例如属性,事件等等.它们能够改变元素的行为,甚至操作DOM,改变DOM元素,以及它的各级子节点.那么,在angular中也有这样的存在,那就是指令.在 Angular 中有三种类型的指令:组件:组件的特殊存在,拥有模版结构型指令:通过添加和移除DOM元素改变DOM布局的指令,常用的有:*ngif、*ngFor、ngSwitch属性型指令:改变元素、组件或其他指令的外观和行为的指令,常用的有:ngClass、ngStyle原创 2020-12-08 17:45:10 · 96 阅读 · 0 评论 -
angular路由
文章目录添加路由定义添加路由出口添加默认路由添加路由链接添加详情视图(html传参)js页面跳转(传参)从路由参数中提取id回到原路添加路由定义典型的路由(route)有两个属性:path:一个用于匹配浏览器地址栏中URL的字符串component:当导航到此路由时,路由应该创建哪个组件如果说你希望当URL为http://localhost:4200/homePage时,首先要导入HomePageComponent;以便在Route中引用它。如下:import { NgModule } f原创 2020-12-08 16:06:26 · 111 阅读 · 0 评论 -
angular组件与模版
文章目录1. 显示数据1.1 使用插值表达式显示组件属性1.2 使用ngFor显示数组属性1.3 通过ngIf进行条件显示2. 模版语法2.1 模版中的html2.2 插值表达式2.3 模版表达式2.4 模版语句2.5 属性绑定2.6事件绑定2.7 使用EventEmitter 实现自定义事件2.8 双向绑定2.9 模版引用变量( #var )2.10输入和输出属性2.11 模版表达式操作符2.11.1 管道操作符 ( | )2.11.2 安全导航操作符 ( ?. ) 和空属性路径2.11.3 非空断言操作原创 2020-12-08 14:31:02 · 250 阅读 · 0 评论 -
angular双向数据绑定
文章目录引入FormsModuleimport { FormsModule } from '@angular/forms';imports: [ BrowserModule, HttpClientModule, // 如果要引入双向绑定,则需要引入FormModule FormsModule, AppRoutingModule ],表单的数据绑定text<input type="text" [(ngModel)]="usernam原创 2020-12-08 11:24:41 · 188 阅读 · 0 评论 -
angular请求数据
文章目录一、Angular get 请求数据二、Angular post 提交数据三、angular jsonp 请求数据一、Angular get 请求数据在app.module.ts中引入HttpClientModule并注入Import{HttpClientModule } from ‘@angular/commob/http’;Imports:[ BrowserModule, HttpClientModule]在用到的地方引入HttpClient并在构造函数声明I原创 2020-12-08 11:05:48 · 283 阅读 · 0 评论