Angular2
Angular 2(现在已经更新到Angular)是一种用于构建Web应用程序的JavaScript/TypeScript框架。它是AngularJS的继任者,由Google开发和维护
菜腿1994
这个作者很懒,什么都没留下…
展开
-
《Angular2入门系列基础》——ActivatedRoute路由
前言 ActivatedRoute,当前激活路由对象,主要用于保存路由,获取路由传递的参数。 内容 一:传递参数的三种方式,以及ActivatedRoute获取他们的方式:1.在查询参数中传递数据:/product?id=1&name=2/**获取参数*/=>ActivatedRoute.queryParams[id]2.在路由路径中传递数据://路由配置{path:'/原创 2017-09-05 21:31:13 · 13630 阅读 · 15 评论 -
Angular2进阶(一)——如何避免Dom误区
Angular2的设计目标本来就是要让浏览器和DOM独立。DOM是复杂的,因此使组件与它分离,会让我们的应用程序,更容易测试和重构。为了支持跨平台,Angular还通过抽象封装了不同平台的差异。原创 2017-09-17 22:08:30 · 3520 阅读 · 11 评论 -
《Angular2入门系列基础》——常见angular-cli命令
angular-cli提供的常用命令 ng generate class my-new-class // 新建 class ng generate component my-new-component // 新建组件 ng generate directive my-new-directive // 新建指令 ng gener原创 2017-08-27 22:30:07 · 1887 阅读 · 19 评论 -
《Angular2入门系列实践》——适应手机实现触屏滑动
【前言】 最近在ITOO的随堂小练中有一个滑屏的效果,为了实现效果,我在页面中引进了swiper.js插件,但是在这个过程中还是学习了一些东西! 【内容】 1.首先下载swiper.js和swiper.css放置到项目的assets文件下 2.然后将js的代码放置到angular的index.html的页面,这个是项目的起始页,只要项目加载,就会加载swiper的js原创 2017-08-20 22:11:12 · 2362 阅读 · 19 评论 -
《Angular2入门系列实践》——实现页面动画效果
angular2前端工程化原创 2017-07-23 22:04:44 · 2165 阅读 · 17 评论 -
《Angular2进阶系列实践》——(阅读理解)题型组件开发
【前言】 最近做前端工程话的时候【内容】 1.题型组件:阅读理解; 2.实现效果:【总结】原创 2017-07-30 21:30:36 · 532 阅读 · 20 评论 -
《Angular2入门系列基础》——pipe管道数据类型
【前言】 angular2数据类型校验可以使用管道,管道有内置管道(DatePipe,UpperCasePipe,LowerCasePipe和PercentPipe),它们可以用于全部的模板中;链式管道(指多种管道组合在一起,以完成潜在的有用功能);自定义管道可以定义一些特定的类型为自己所用。【内容】1.内置管道使用:import { Component } from '@a原创 2017-08-06 22:03:58 · 1025 阅读 · 14 评论 -
《Angular2入门系列基础》——angular2组件入门(一)
【前言】 从angular2架构方面看包括8个部分:模块(modules),组件(Components)模板(Templates)元数据(Metadata)数据绑定(Data Binding)指令(Directives)服务(Services)依赖注入(Dependency Injection);稍稍讲解一下组件!【内容】 Angular应用是由组件组成的。组件是由html和组原创 2017-07-02 22:07:01 · 610 阅读 · 20 评论 -
《Angular2入门系列实践》——如何添加ng-bootstrap插件
配置环境 1.cnpm安装ng-bootstrap模块cnpm install @ng-bootstrap/ng-bootstrap --save 随后package.json中显示依赖: 2.引入bootstrap样式,js代码 在index.html中直接引入cdn服务器上bootstrap样式<!-- 新 Bootstrap 核心 CSS 文件 --><link rel=原创 2017-09-02 17:13:16 · 4587 阅读 · 7 评论 -
《angular2入门系列实践》——表单验证详解
背景: 最近在itoo页面调整的时候,发现页面表单或者是文本框没有做基本的判断操作,所以着手demo一篇,希望对大家有帮助!!1.创建表单组件:ng g c login2.1单规则验证:<label>用户名:</label> <input type="text" #userNameRef=ngModel [(ngModel)]=userName required> <span [s原创 2017-09-02 20:16:28 · 5188 阅读 · 8 评论 -
《Angular2入门系列实践》——如何实现路由传值
背景 Angular项目下一个路由如何接收到上一个路由url中的参数id?解决方案1.父路由routes配置方式:export const EvaluationQuestionnaireRoute=[ { path:':edit/:id', //必须是路径名:/id component:EditQuestionnaireComponent },2.跳转传原创 2017-09-05 21:15:23 · 2918 阅读 · 9 评论 -
《angular2入门系列基础》——路由Route详解
路由基本对象: 名称 功能介绍 Routes 路由配置,保存着url对应展示哪一个组件,及RouterOutlet展示组件 RouterOutlet Html中标记路由内容呈现位置的占位符指令 Router 负责运行时执行路由的对象,调用navigate()和navigateByUrl()方法导航到一个指定的路由 RouterLink 在Html中声明由导航用的指原创 2017-09-05 17:52:14 · 4097 阅读 · 11 评论 -
Angular进阶(二)——通过实例深入理解组件通信
springmvc的参数绑定采用方法形参来接收原创 2018-05-20 22:52:54 · 963 阅读 · 51 评论