![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 55
blog-lichuyan
这个作者很懒,什么都没留下…
展开
-
Angular6 引入G2
1.下载 G2包npm install @antv/g2 --save2. 成功安装完成之后,即可使用 import 进行引用。import * as G2 from '@antv/g2';注意:此时会报错,找不到‘@antv/g2’模块,解决方法,随便改变文件,保存就行按 es6 的规范 import * as obj from "xxx" 会将 "xxx" 中所有 export 导出的内容组...原创 2018-06-30 16:57:27 · 6954 阅读 · 23 评论 -
前端对数据的处理(如从A中提取部分数据组成B)----------Important
1:对象转数组:https://blog.csdn.net/qq_38643776/article/details/815449422:如何构建一个对象数组arry=[];ngOnInit() { this.arry.push({ name:'大树', age:13 }, { name:'小花', ag...原创 2018-08-30 16:05:52 · 1967 阅读 · 0 评论 -
G2-------数据的处理(如设置横纵坐标,提示信息,时间间隔的处理,字段集展开,字段重命名等)
1 全局设置样式this.chart2.source(this.data,{ value:{ min : 0 // 坐标轴的起始值 max :1 // 坐标轴的结束值 formatter: val => { // 设置坐标轴和提示框的文字 return val + '%'; ...原创 2018-08-29 10:07:42 · 21113 阅读 · 1 评论 -
ng-zorro复选框
html:<label *ngFor="let field of fields"> <label nz-checkbox [(nzChecked)]="field.checked" [(ngModel)]="field.checked" (ngModelChange)="refreshStatus($event)">{{field.value}}<原创 2018-08-21 16:28:51 · 4400 阅读 · 2 评论 -
日期展示
getdate(){ this.day = new Date(); // 创建时间对象 this.year=this.day.getFullYear(); // 获取年份 2018 this.month=this.day.getMonth()+1; // 获取月份 8 this._day=this.day.getDate() // 获取当日 21日 this.today=...原创 2018-08-21 14:20:24 · 206 阅读 · 0 评论 -
数据展示--2层循环
ts:header = [{ 'key': 'name', 'value': '姓名', }, { 'key': 'age', 'value': '年龄', }] data = [{ 'name': '李', 'age': 15, }, { ...原创 2018-08-20 20:40:05 · 306 阅读 · 0 评论 -
TS日期格式化
import {DatePipe} from "@angular/common"constructor(private api: ConfigService, private message: NzMessageService, private modalService: NzModalService,private datePipe:DatePipe) {}getdate() ...原创 2018-08-27 09:27:37 · 11008 阅读 · 4 评论 -
css 类似抽屉
背景;angular6+ng-alain要点:不是通过隐藏dom,而是通过调整样式,来遮盖部分样式html:<div nz-row nzGutter="24"> <div nz-col nzXs="24" nzMd="24"> <div class="showPanel " [class.hide]="isCollaps原创 2018-08-16 17:37:49 · 1385 阅读 · 0 评论 -
angular6--组件交互
组件交互是指让两个或多个组件之间共享信息的方法一:数据传递:1通过输入型绑定把数据从父组件传到子组件 @Input属性绑定属性绑定用于父组件向子组件传递数据。子组件可以采用以下两种方式获取属性的变更:2父组件监听子组件的事件@Output事件绑定事件绑定用于子组件向父组件触发事件,将子组件的信息传给父组件,父组件通过绑定的处理函数处理事件。举例:子组件impo...原创 2018-08-03 21:31:57 · 2608 阅读 · 1 评论 -
angular6--------------服务
组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。服务是在多个“互相不知道”的类之间共享信息的好办法,采用依赖注入机制讲服务注入到组件中去。开始使用创建共享服务ng generate service hero结果如下:import { Injectable } from '@angular/core'...原创 2018-07-29 15:23:00 · 962 阅读 · 0 评论 -
angular6 指令
一 在 Angular 中有三种类型的指令: 组件 — 拥有模板的指令 结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令 如 NgFor 和 NgIf 用法:*ngIf *ngFor 语法糖* 属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。 NgStyle 和NgSwitch 用法: [NgStyle] [ngCl...原创 2018-07-29 13:34:00 · 2246 阅读 · 0 评论 -
angular2+ 国际化
本实例是利用啦Ng Alain 构造的项目1:html中<button nz-button nzType="primary" nzGhost *ngIf="addBtn" (click)="add()"><i class="anticon anticon-plus"></i> <span>{{translat原创 2018-07-25 17:45:56 · 423 阅读 · 0 评论 -
angular-cli 常用命令集锦
查看ng命令行ng help创建项目ng new newProject // 后面跟的是项目名称ng new newProject --routing // 创建带路由模块的项目创建模块ng g m dataManagementng g m dataManagement --routing // 创建带路由模块的模块创建组件ng g c componentName ...原创 2018-07-06 16:27:12 · 788 阅读 · 2 评论 -
angular 易犯错误
json文件里属性赋值为true 或false时不能加引号。路由配置时,一定不能有空格 *ngFor 中不能使用 *ngIf 语句,可用[hidden]来代替 [(ngModel)]="params.nodes" 必须和 neme="node" 一起使用 ...原创 2018-07-06 16:16:46 · 219 阅读 · 0 评论 -
angular 4 ---------------添加和编辑功能
add() { this.tittle = '添加'; // 遍历headers每个值 this.headers.map( v => { v['val'] = ''; }); this.show_form = true; this.show_table = false;}edit(index) { // 将数据...原创 2018-07-08 20:58:31 · 758 阅读 · 2 评论 -
angular 4 httpClient 数据访问
服务里:是用来请求api的一个模块。使用httpClient服务请求数据常用方法如下:http.get(url).subscribe(...)export class ApiService { // 登录 一种是url是不变的。只需传参。 login(userName, password) { const url = '../../../../assets/data/l...原创 2018-07-08 15:27:38 · 1545 阅读 · 0 评论 -
angular 6 引入bootstrap(第三方插件)
方法一:1 npm i bootstrap --save2 在angular.josn文件中引入3 必须重启服务,要不然不能实时更新过来方法二:直接在index.html里<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="styleshe...原创 2018-08-24 09:36:14 · 2093 阅读 · 0 评论