一,get传值 传 <ul *ngFor="let l of list;let ss=index;"> <li><a routerLink="/newsDetail" [queryParams]="{aid:l.id}">{{l.content}}</a></li> </ul> 接收 import ...
分类:
Web程序 时间:
2020-07-06 11:06:15
阅读次数:
88
一,父组件给子组件传值 1,父组件调用子组件的时候传入数据 <app-header [msg]="msg"></app-header> 2,子组件引入Input模块 import { Component, OnInit ,Input } from '@angular/core'; 3,子组件中@In ...
分类:
其他好文 时间:
2020-07-04 17:17:25
阅读次数:
69
一,引入模块 import {FormsModule} from "@angular/forms"; 二,js中定义绑定数据 public user:any={ username:'', sex:'1', cityList:['北京','上海','深圳'], city:'北京', hobby:[ { ...
分类:
其他好文 时间:
2020-07-04 13:18:50
阅读次数:
70
使用HTTP拦截器时必须导入HttpClientModule 全局AppModule导入HttpClientModule 就要先导入 Angular 的 HttpClientModule。大多数应用都会在根模块 AppModule 中导入它。 // app.module.ts import { Ng ...
分类:
Web程序 时间:
2020-07-04 11:52:13
阅读次数:
82
安装: ? 去IDEA插件应用商城下载。 简介: Git Commit message规范采用的是Angular 规范 Angular规范中定义的格式有3个内容: Header | ? |- type(必需) : Type of change:commit的类别; ? |- scope(可选):Sc ...
分类:
其他好文 时间:
2020-07-03 17:58:43
阅读次数:
179
背景:目前项目使用 Angular 开发,里面引入了 laydate.js 做日期控件。 问题:最近项目从 Angular8 升级到了 Angular9,发现升级之后在 IE 里面不能打开日期弹框了。 原因:经过一系列的调试操作之后终于发现,Angular9 的 script 标签都使用了 defe ...
分类:
其他好文 时间:
2020-07-02 18:20:46
阅读次数:
141
1. ts文件与html交互 // 在ts文件中声明变量 public title = 'Hello'; // 在html中使用变量(使用两个花括号) <h1>{{ title }}</h1> // 绑定html ts: public h = '<h1>Hello</h1>' html: <div ...
分类:
其他好文 时间:
2020-07-02 16:52:58
阅读次数:
54
1. 创建项目, 并同时生成路由文件 2. 创建组件xxx 3. 配置路由, 并在routing文件中导入组件xxx const routes: Routes = [ {path: 'xxx', component: XxxComponent} ]; 4. 在使用的地方用 routerLink <a ...
分类:
其他好文 时间:
2020-07-02 16:44:20
阅读次数:
52
1. 是什么 Angular是谷歌开发的一款开源的web前端框架, 基于TypeScript 2. 环境搭建 1. 安装nodejs 2. 安装npm (安装nodejs后会自带npm, 这里最好安装cnpm) 3. 使用npm(cnpm)安装Angular-cli 3. 创建/运行项目 ng ne ...
分类:
其他好文 时间:
2020-07-02 16:21:12
阅读次数:
75
1. 创建模块 ng g module aaa/bbb (会在src/app/aaa下创建bbb模块) ng g module aaa/bbb --routing (创建带路由的模块) 2. 外部模块要访问自定义模块中的组件, 自定义模块需要向外暴露 在module文件中配置 exports: [ ...
分类:
其他好文 时间:
2020-07-02 16:06:26
阅读次数:
52