angularjs2
网虫1325
这个作者很懒,什么都没留下…
展开
-
Angular2 使用管道Pipe以及自定义管道格式数据
管道(Pipe)可以根据开发者的意愿将数据格式化,还可以多个管道串联。纯管道(Pure Pipe)与非纯管道(Impure Pipe)管道分纯管道(Pure Pipe)和非纯管道(Impure Pipe)。默认情况下,管道都是纯的,在自定义管道声明时把pure标志置为false,就是非纯管道。如:@Pipe({ name: 'sexReform', pure:false})纯管道和非纯管道转载 2017-08-08 10:50:17 · 2107 阅读 · 0 评论 -
关于路由传参与接收参数
路由 跳转传参的方式有很多,下面我总结一下常用的传参方式及其相对应的接收参数方式。第一,参数是以;分隔http://localhost:8092/account/manage/issue;id=161123434754052096路由跳转方式:1,routerLink的方式<a [routerLink]="['/coupon-manage/issueCoupon',{...原创 2019-04-15 15:56:21 · 3728 阅读 · 0 评论 -
angular2 插件ngx-echarts引入及其应用
**1.安装ngx-echarts** npm install echarts –save npm install ngx-echarts –save2.引入echarts首先要引入echarts相关js A: 使用angular-cli创建项目,打开angular-cli.json,作如下配置{ "scripts": [ "../node_modules/echarts/原创 2017-08-08 15:32:12 · 2986 阅读 · 0 评论 -
angular2 监听input值的变化
在ng1中,监测input值变化用ng-change,在ng2当中的用法如下:在ng2中,一种获取用户数据的方式:使用 Angular 的模板引用变量。 这些变量提供了从模块中直接访问元素的能力。 在标识符前加上井号 (#) 就能声明一个模板引用变量。这样就可以实时监测input的输入内容。参考链接原创 2017-10-17 15:38:45 · 11378 阅读 · 0 评论 -
angular-cli 安装与使用
安装Angular CLI1.首先确认安装了node.js和npm// 显示当前node和npm版本$ node -v$ npm -v// node 版本高于6.9.3 npm版本高于3.0.02.全局安装typescript(可选)$ npm install -g typescript // 新建项目的时候会自动安装typescript(非全局)所以这里也可以不用安装。原创 2017-09-29 19:36:32 · 3159 阅读 · 0 评论 -
javascript实现按数字键1获取img图片的焦点,按回车键刷新图片
今天项目当中有个新需求,按数字键1获取到二维码图片的焦点,然后按回车键还要刷新二维码图片。众所周知,img本身是不带有焦点属性的,但是可以给img添加属性:tabindex,使图片具有焦点属性。环境是angular2,二维码图片是通过后台获取的。img class="groupCode" [src]="syncgroup" (click)="refreshCode(1)" id="sync原创 2017-10-17 18:04:26 · 738 阅读 · 0 评论 -
angular2 router中的路由跳转navigate
navigate是Router类的一个方法,主要用来跳转路由。 函数定义:navigate(commands: any[], extras?: NavigationExtras) : Promise``1interface NavigationExtras { relativeTo : ActivatedRoute queryParams : Params fragment :转载 2017-09-29 09:53:54 · 882 阅读 · 0 评论 -
angular2 获取到的数据无法实时更新问题的解决
今天在工作当中碰到了个问题,当我点击地图上面的城市,从后台获取数据更新列表,明明后台的数据已经返回到前端,但是数据就是不能实时更新到页面上,因为在做第一版的时候是没有这个问题的,就感觉可能是自己调用后台接口的时候顺序出了问题,结果一直钻到死胡同里面去了,后来求助老大,终于把问题解决了,现在记录一下,以加深记忆。原创 2017-08-21 19:41:45 · 7772 阅读 · 2 评论 -
Angular2入门之模块与组件
1.初步了解模块和组件 在上两篇文章中讲述了构建工程,这篇文章简单讲述一下Angular2中的模块和组件。 app文件夹下有五个文件,其中,app.component.spec.ts应该是和模块测试有关的文件,目前不用管它。剩下的四个文件就是典型的模块+组件的文件组成模式。 Angular2转载 2017-08-11 19:33:13 · 3108 阅读 · 1 评论 -
【Angular2】模板语法之 ngModel
NgModel实现双向绑定及其实现原理讨论[(ngModel)]之前,先讲下属性绑定和事件绑定。在属性绑定中,值从模型中流动到视图上的目标属性。[],通过把属性名放在方括号中来标记出目标属性。这是从模型到视图的单向数据绑定。在事件绑定中,值从视图上的目标属性流动到模型。(),通过把属性名放在圆括号中来标记出目标属性。这是从视图到模型的(反向的)单向数据绑定。转载 2017-08-10 10:44:42 · 1021 阅读 · 0 评论 -
angular2中 AsyncPipe的使用与input中pipe的使用
常见的使用方法,在以前的文章中有过介绍,这里就不赘述了,以下讲解下我最近在项目当中用到的用法1,关于异步管道(AsyncPipe)使用 AsyncPipe 我们可以直接在模板中使用Promise和Observable对象,而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象,并返回它发出的最新值。 当发出新...原创 2019-04-15 16:23:10 · 904 阅读 · 0 评论