weixin_45262221的博客

文章目录 大家应该都知道,在html中存在一些附加在元素节点上的标记,例如属性,事件等等.它们能够改变元素的行为,甚至操作DOM,改变DOM元素,以及它的各级子节点. 那么,在angular中也有这样的存在,那就是指令. 在 Angular 中有三种类型的指令： 组件：组件的特殊存在，拥有模版 结构型指令：通过添加和移除DOM元素改变DOM布局的指令，常用的有:*ngif、*ngFor、ngSwitch 属性型指令：改变元素、组件或其他指令的外观和行为的指令，常用的有:ngClass、ngStyle

文章目录添加路由定义添加路由出口添加默认路由添加路由链接添加详情视图（html传参）js页面跳转（传参）从路由参数中提取id回到原路 添加路由定义 典型的路由（route）有两个属性： path：一个用于匹配浏览器地址栏中URL的字符串 component：当导航到此路由时，路由应该创建哪个组件 如果说你希望当URL为http://localhost:4200/homePage时，首先要导入HomePageComponent；以便在Route中引用它。 如下： import { NgModule } f

文章目录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 非空断言操作

文章目录 引入FormsModule import { FormsModule } from '@angular/forms'; imports: [ BrowserModule, HttpClientModule, // 如果要引入双向绑定，则需要引入FormModule FormsModule, AppRoutingModule ], 表单的数据绑定 text <input type="text" [(ngModel)]="usernam

文章目录一、Angular get 请求数据二、Angular post 提交数据三、angular jsonp 请求数据 一、Angular get 请求数据 在app.module.ts中引入HttpClientModule并注入 Import{HttpClientModule } from ‘@angular/commob/http’; Imports:[ BrowserModule, HttpClientModule ] 在用到的地方引入HttpClient并在构造函数声明 I