…

Angular4.0基础知识之组件 Angular4.0基础知识之路由 Angular4.0依赖注入 数据绑定 数据绑定允许你将组件控制器的属性和方法与组件的模板连接起来,大大降低了开发时的编码量. 常见的表现形式有: 插值表达式:<h1>{{title}}</h1>,即把属性|表达式插入到HTML标签中 属性绑定:<img [src]="imgUrl" />,也就是将属性|表达式绑定到HTML标签的属性上 事件绑定:<button (clic…

Angular4中常用管道 通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道. 一.大小写转换管道 uppercase将字符串转换为大写 lowercase将字符串转换为小写 <p>将字符串转换为大写{{str | uppercase}}</p> str:string = 'hello' 页面上会显示 将字符串转换为大写HELLO 二.日期管道 date.日期管道符可以接受参数,用来规定输出日期的格式. <p>现在…

通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道. 一.大小写转换管道 uppercase将字符串转换为大写 lowercase将字符串转换为小写 <p>将字符串转换为大写{{str | uppercase}}</p> 1 str:string = 'hello' 1 页面上会显示 将字符串转换为大写HELLO 二.日期管道 date.日期管道符可以接受参数,用来规定输出日期的格式. <p>现在的时间是{{toda…

概念 Angular中的数据绑定指的是同一组件中控制器文件(.ts)与视图文件(.html)之间的数据传递. 分类 流向 单向绑定 它的意思是要么是ts文件为html文件赋值,要么相反. ts->html <div> <img src="{{imgUrl}}"> <img [src]="imgUrl"> </div> html->ts <input (keyup)="press($event…

angular中的pipe是用来对输入的数据进行处理,如大小写转换.数值和日期格式化等. 常用的pipe有 1. 大小写转换 <p>{{str | uppercase}}</p>//转换成大写 <p>{{str | lowercase}}</p>//转换成小写 2. 日期格式转换 <p>{{today | date:'yyyy-MM-dd HH:mm:ss' }}</p> 3. 小数位数 //接收的参数格式为{最少整数位数}.{最少小…

{{时间戳 |date:“yyyy/MM/dd HH:mm:ss”}} “YYYY/MM/DD”不可…

Angular4.0基础知识见上一篇博客 路由 简介 接下来学习路由的相关知识 本来是不准备写下去的,因为当时看视频学的时候感觉自己掌握的不错 ( 这是一个灰常不好的想法 ) ,过了一段时间才发现Angular这个对我这个PHP程序猿来说不太常用的东西非常容易忘!幸好之前去写了笔记. 首先需要先了解一个概念(SPA),也就是单页面应用,一个页面只加载一次,不再刷新,只改变页面部分内容的应用. 路由的作用就是为每一个视图分配一个唯一的URL,进入这个URL的时候,使应用跳到某个特定的视图状态. 创…

Angular4.0基础知识之组件 Angular4.0基础知识之路由 依赖注入(Dependency Injection) 正常情况下,我们写的代码应该是这样子的: let product = new Product(); // 实例化一个对象 createOrder(product); // 调用方法传入商品对象,生成订单 createOrder方法依赖product类,但是createOrder方法自身并不知道也不能去创建一个product对象.我们把方法所需的对象实例化并当做参数传入,这…

这两天看了看angular4的文档,发现他和angular1.X的差别真的是太大了,官方给出的那个管理英雄的Demo是一个非常好的入门项目,这里给出一个管理个人计划的小项目,从头至尾一步一步讲解如何去实现他,希望对你有所帮助.这篇文章不会讲解如何去用angular,这部分东西你可以参考官网,本文讲解的是用angular做一个小项目的全过程.写的比较仓促,疏漏难免,请各位多多指点. 本项目是angular4.0的一个Demo,可以实现对个人计划的管理.目的是分享一下个人做一个angular项目的一…