Angular2
关注
分享
扫一扫
tuacy
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular2组件间交互
组件间交互简单来说就是让两个或多个组件之间共享信息。接下来我们就对Angular2组件间的交互做一个简单的解释。当然做好的文档还是官方文档：https://www.angular.cn/guide/component-interaction一、通过@Input把父组件的属性绑定到子组件 &nb...原创 2018-08-06 22:27:42 · 1207 阅读 · 0 评论 -
Angular cdk 学习之 Scrolling
Angular cdk Scrolling包给我们提供了一些指令和Service来应对滑动事件。推荐大家尽量去看官网上的介绍https://material.angular.io/cdk/scrolling/overview 想要在我们项目中使用cdk Scrolling功能，需要在我们模块...原创 2018-12-15 16:58:40 · 8693 阅读 · 1 评论 -
Angular cdk 学习之 drag-drop
Angualr drag-drop里面的功能能让我们非常方便的处理页面上视图的拖拽(自由拖拽、列表排序拖拽、列表之间拖拽)问题。推荐大伙儿直接看官网，因为下面的内容绝大部分内容包括例子都来源于官网 https://material.angular.io/cdk/drag-drop/overview。一直认为官网才是最好的文档。 &...原创 2018-12-18 12:24:39 · 10816 阅读 · 1 评论 -
Angular cdk 学习之 Observers
angular cdk Observers里面的功能可以让我们能监听到ng-content内容的变化。更加详细的内容可以参考官网https://material.angular.io/cdk/observers/overview 和cdk里面其他的功能模块一样如果想使用Observers里面...原创 2018-12-18 14:14:59 · 891 阅读 · 0 评论 -
Angular cdk 学习之 Layout
cdk Layout是cdk 提供的响应式布局工具，提供了实用程序来构建响应屏幕大小更改的响应UI，其服务可以轻松检测窗口大小并与媒体查询匹配。这使得你可以完全控制UI并适应不同的屏幕尺寸。官网地址 https://material.angular.io/cdk/layout/overview &nbs...原创 2018-12-18 15:00:08 · 1184 阅读 · 0 评论 -
Angular cdk 学习之 Bidirectionality（bidi）
       cdk Bidirectionality提供给我们的功能，就是用来设置布局方向。更加详细的内容可以参考官网 https://material.angular.io/cdk/bidi/overview       适用之前先provider BidiModuleimport {Bid原创 2018-12-19 08:36:00 · 998 阅读 · 0 评论 -
Angualr cdk 学习之 Stepper
cdk Stepper 让我们能够更好的处理类似于工作流的情况(任务分为多个步骤，上一步操作完成之后进入下一步的操作，比如咱们休假申请单要经过多个领导的审批的情况)。 还是和之前cdk 里面其他功能模块一样，要使用Stepper 需provider CdkStepperModule的。im...原创 2019-01-05 23:19:57 · 771 阅读 · 0 评论 -
Angular CLI
一 Angular CLI 是啥 Angular CLI 是一个命令行接口(Angular Command Line Interface)，用于实现自动化开发工作流程。能让开发者更容易搭建和运行Angular工程。Angular CLI 是Angular开发的一个辅助工具。二 Angular CLI 安装 &...原创 2019-06-01 15:36:09 · 2847 阅读 · 0 评论 -
Angular依赖注入介绍
依赖注入(DI – Dependency Injection)是一种重要的应用设计模式。Angular里面也有自己的DI框架，在设计应用时经常会用到它，它可以我们的开发效率和模块化程度。 依赖，是当类需要执行其功能时，所需要的服务或对象。DI是一种编码模式，其中的类会从外部源中请求获取依赖，...原创 2019-06-01 15:39:43 · 1725 阅读 · 0 评论 -
Angular cdk 学习之 Overlay
cdk Overlay主要用来实现在界面上创建浮动面板，例如弹窗(Dialog)，下拉框(select)等等都可以通过cdk Overlay来实现。接下来咱们将对Overlay的使用做一个非常简单的介绍。特别推荐大家直接去看官网，官网是最详细的也是最好的文档https://material.angular.io/cdk/overlay/over...原创 2018-12-15 09:28:15 · 5782 阅读 · 1 评论 -
Angular cdk 学习之 Portals
CDK里面Portals模块的功能就是将动态内容(这个内容可以是Component也可以是一个TemplateRef)呈现到应用程序中。更加直接点的解释就是把Portal放到指定位置(我们把他叫做插槽PortalOutlet)。Portal有两个子类ComponentPortal(对应组件)或者TemplatePortal(对应Template...原创 2018-12-09 13:29:03 · 1428 阅读 · 0 评论 -
Angular2 Observable和RxJS
看到Observable和RxJS就感觉很亲切，因为之前做Android开发的时候接触过RxJava。Observable和RxJS的相关知识最好的文档还是官方文档 https://www.angular.cn/guide/observables 强烈推荐大家看官方文档。一、可观察对象(Observable)  ...原创 2018-08-07 23:08:29 · 2582 阅读 · 0 评论 -
Angular2路由器(路由+导航)
这里给大家简单的总结下Angular2路由器相关的一些信息。但是我一向认为最好的文档还是官方文档，还是推荐大家参考官方文档 https://www.angular.cn/guide/router#displaying-multiple-routes-in-named-outlets。 路由...原创 2018-08-08 10:41:47 · 2502 阅读 · 0 评论 -
Angular Animation
       Angular Animation简单来说 就是状态和状态之间的转场效果。每一种状态对应一种样式(style)。Angular Animation指导从一种状态的样式过渡到另一种状态的样式效果过程。 Angular Animation和咱们Android里面的属性动画类似。      &原创 2018-09-01 10:24:53 · 2250 阅读 · 0 评论 -
Angular前端项目(使用ng-zorro组件库)
       分享一个最近在做的一个前端项目，前端选型Angular，组件库选择的是nz-zorro(官网：http://ng.ant.design/docs/introduce/zh)。项目结构以及项目里面用到的一些通用库比如路由复用标签、路由守卫控制等等参考的是ng-alain(官网：https://ng-alain.com/zh，https://git...原创 2018-09-16 22:58:40 · 18200 阅读 · 1 评论 -
ng-template、ng-content、ng-container
       一、ng-content       ng-content是内容映射指令(也叫内容嵌入)，内容映射指的是在组件中嵌入模板代码，方便定制可复用的组件，很好地扩充组件的功能，方便代码的复用。我们再往简单一点想ng-content相当于一个占位符(留了个位置)，类似于路由出口ro原创 2018-09-23 22:38:24 · 5194 阅读 · 1 评论 -
Angular cdk 学习之 Accessibility（ally）
cdk ally里面提供的功能运用场景是 select, menu 这种有 list options 的组件, 负责处理键盘上下按钮时 option active 的逻辑。cdk Accessibility 部分官方文档连接https://material.angular.io/cdk/a11y/overview。 ...原创 2018-12-20 09:04:07 · 1787 阅读 · 0 评论 -
Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令
@ViewChild和@ViewChildren是Angular提供给我们的装饰器，用于从模板视图中获取匹配的元素。需要注意的是@ViewChild和@ViewChildren会在父组件钩子方法ngAfterViewInit调用之前赋值。接下来我们来看下@ViewChild、@ViewChildren怎么使用。一 选择器 &nb...原创 2018-12-09 13:26:00 · 19451 阅读 · 0 评论 -
Angular cdk 学习之 Coercion、Keycodes、Platform
cdk(Component Dev Kit)是由material团队开发与维护的。自定义组件的一些小kit。首先不管是啥技术咱们都的先找到官方文档，所以先给出两个官方文档链接cdk npm链接 https://www.npmjs.com/package/@angular/cdk 。cdk文档 https://mat...原创 2018-12-09 13:27:41 · 1383 阅读 · 0 评论 -
Angular装饰器介绍
装饰器的作用就是在添加装饰器的地方在不改动原有代码的情况下增加额外的功能。Angular框架中装饰器是一个函数。他将元数据添加到类、类成员(属性、方法)和函数参数上。让它们在不需要做任何代码变动的前提下增加额外功能。1 类装饰器 类装饰器负责把元数据附加到类上，以了解类的设计意图以及这个类...原创 2019-06-01 15:50:14 · 5003 阅读 · 0 评论