angular
winner_corl
态度决定一切!
展开
-
angular4--activated传递参数和接受参数
1、查询参数中传递参数传递参数 [queryParams]="{id:1}"<a [routerLink]="['/']">home</a> |<a [routerLink]="['/product']" [queryParams]="{id:1}">product</a><input原创 2018-08-22 15:09:07 · 1527 阅读 · 0 评论 -
Angular7 大小写语法ts
ts其实和js差不多js实现字母大小写转换主要是用到了四个js函数,toLocaleUpperCase,toUpperCase,toLocaleLowerCase,toLowerCase 下面就这四个实现大小写转换的js函数逐一做简单的分析。toLocaleUpperCase 将字符串中所有的字母字符都将被转换为大写的,同时适应宿主环境的当前区域设置。toUpperCase 将字符串...原创 2019-04-19 13:44:24 · 1690 阅读 · 0 评论 -
angular6 限制文本长度,多余部分点点点显示
需求限制多余文本长度,以'......'替代,并且鼠标移动到上方显示全部文字信息。效果图代码html...... <tr nz-tbody-tr *ngFor="let data of basicTable.data"> <td nz-td nzCheckbox> <label nz-check...原创 2018-12-22 14:40:24 · 1875 阅读 · 0 评论 -
Angular6 禁用按钮
1、关于按钮的disabled写法,如下图所示的数组循环,按照宗地状态也禁用各个按钮如果是正常则禁用取消流拍按钮,如果是流拍则禁用其他3个按钮<nz-card nzTitle="供应公告宗地管理" [nzBordered]="false"> <div *ngFor="let zd of gyggZds; let i=index"> .........原创 2018-12-22 11:05:50 · 4932 阅读 · 0 评论 -
angular6与angular4数据转换成json问题。
前言:在初步学习angular6的过程中,因为是在是太新了,2018.05刚出了angular6,我是8月份刚学习,没有相应的教学视频,只能通过学习angular4再去看angular6的快速开发文档https://angular.cn/tutorial/toh-pt2#style-the-heroes因为我发现如果直接看文档,对于16年才碰过angular1的人,直接跳到angular...原创 2018-08-27 22:22:24 · 4563 阅读 · 0 评论 -
Angular快速上手--创建Hero类
0、前言真实的英雄当然不止一个名字。在 src/app 文件夹中为 Hero 类创建一个文件,并添加 id 和 name 属性。1、操作①、/src/app/app.component.ts复制并修改内容export class Hero { id: number; name: string;}同事hero的html因为变成了对象也要修改<h2...原创 2018-08-20 16:35:30 · 1517 阅读 · 0 评论 -
Angular快速上手--为应用外壳创建组件05
0、前言从上一篇文章中我们可以了解到,应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。创建英雄列表组件使用 Angular CLI 创建一个名为 heroes 的新组件,首先我们要知道在什么项目之下创建组件。 cd angular-tour-of-heroesng generate component heroes...原创 2018-08-20 15:27:46 · 389 阅读 · 0 评论 -
Angular快速上手-总结入门篇04
创建新应用使用 CLI 命令创建一个名叫 angular-tour-of-heroes 的新项目。ng new angular-tour-of-heroes启动应用服务器进入项目目录,并启动这个应用cd angular-tour-of-heroesng serve --open根据之前的文章【Angular快速上手-入门例子02】中我们可以知道他包含里面的具体内容【d...原创 2018-08-20 14:42:18 · 311 阅读 · 0 评论 -
Angular快速上手-项目文件概览03
0、前言从上一篇文章中,我们基本了解了angular的目录结构,表面的了解了一下如何css修改【样式文件,作用于app文件夹的html】和文本修改【 typescript文件(功能模块)】。angular在你修改完之后就立刻生效,真的是非常的漂亮。现在这篇文章中我们将会降到项目文件概览内容。1、你首先要看的文件是 README.md。打开之后我们就可以知道对应angular使用的版本号...原创 2018-08-20 14:13:47 · 264 阅读 · 0 评论 -
Angular快速上手-入门例子02
一、编辑你的第一个 Angular 组件接上篇文章,这个 CLI 为你创建了第一个 Angular 组件。 它就是名叫 app-root 的根组件。 你可以在 ./src/app/app.component.ts目录下找到它。打开这个组件文件,并且把 title 属性从 'app' 改为 'My First Angular App!'命令如下,因为上一篇中我们创建了一个目录为my-app...原创 2018-08-20 12:28:24 · 344 阅读 · 0 评论 -
Angular快速上手--启动篇01
注意: npm install等命令是很慢的,因为它的镜像是国外的,所以需要我们去变成国内的cnpm install,访问地址然后他提供两种方法:way一:使用npm首先安装它这个cnpm的库依赖哈。-g是全局安装,所以我们可以使用cnpm,但是这样有一个问题,cnpm和npm版本就不同步了。$ npm install -g cnpm --registry=https://...原创 2018-08-20 12:14:54 · 323 阅读 · 0 评论 -
angular4--参数快照和参数订阅
angular的click事件,可以写成<input type="button" value="商品详情" (click)="toProductDetails();">对应的页面跳转可以写成export class AppComponent { title = 'router'; constructor(private router:Router) { }...原创 2018-08-22 15:39:25 · 759 阅读 · 0 评论 -
Angular7 + echarts 柱状图比例(1)
1、效果图2、代码<div id="try" style="height:26px;"></div>import {Component, Input, OnInit} from '@angular/core';import * as echarts from 'echarts';import {DataSet} from '@antv/data-se...原创 2019-06-18 09:19:14 · 683 阅读 · 0 评论