Angular

《Angular2 从开发到部署系列》之「环境搭建」

你可以运行下列命令立刻开始自己第一个Angular2之旅。到目前为止我们已经成功创建了我们的项目,Angular2并不像Angular1那样有一个单独的js文件,他是通过npm安装的,所以为了能够让我们的应用能够跑起来,我们需要往项目里面添加一些列的配置文件来搭建我们的Angular2应用。上面的依赖是几乎每一个Angular2应用必须的内容。Ok,下面一章我们就要讲如何开始一个Angular2组件了。

ionic2-基于angular2的学习总结

从gulp到rc0的npmscript之后,配置文件不方便修改。所以使用font-awesome就把整个文件夹复制到assets然后手动链接css,好处是可以push到github方便云端同步。

你不了解的Hacker,实现AngularJS Controller的继承扩展

AngularJS是一个极其庞大的MVVM框架,其中的Controller是最常用的特性。然而Controller并没有提供继承和扩展的方法。在实际的业务场景下,不能扩展的Controller很让开发人员头痛。今天我们就来聊聊在AngularJS中有哪些Hacker,让你使用Controller时如鱼得水。父类方法检查数据子类方法加入逻辑判断上述方法,即可在复杂的AngularJS中实现针对业务的扩展,简单易用,可谓利器。

angular之页面跳转隐藏tab

怎么理解这个标题呢—->页面跳转其实也就是路由跳转,隐藏底部或者顶部的tab。angular是单页面应用,所以所有的页面都是基于index页面中或者,我们可以把这个看成二叉树的根。现在的实现步骤以及思路:一开始进入app是直接进入hoMetab页面,然后点击“业务”对应页面中list数据进入详情。这样整个路由层就跳转到index下的home路由分支去了,hoMetab路由下的tab也就不会出现。

angular 使用UEditor或simditor编辑器

通常编辑器的使用其实很简单,官网直接下载引用就好。但是,这一次却遇到问题了,框架使用的是angularJs,不提供jQuery的支持。因为项目要求编辑器是要放在弹窗里面,由于弹窗不是文档一加载就能读取到,因此不能简单的调用就能完事,刚开始放在control始终读不到,直接放页面下面又读取不到。Ueditor的使用也是类似,如下:

Angular Material 教程之布局篇 (三) : 布局子元素

flex定义子元素将如何相对于其父容器和容器内的其他子元素调整其大小。元素将拉伸到与该值匹配的可用空间的百分比。目前,flex指令值被限制为5,33或66的倍数。其他Flex值还有由AngularMaterial提供的其他flex值,可以提高灵活性并使API更容易理解。大小基于其width和height值。flex="initial"将根据需要收缩。排序HTML元素将flex-order指令添加到布局子元素,可以在布局容器中设置其顺序位置。API断点覆盖默认值时的设备宽度flex-order设置默认布局顺

Angular Material 教程之布局篇 (四) : 子元素对齐

子元素对齐layout-align指令需要两值。例如,layout="row"layout-align="center"将使元素居中水平,并垂直使用默认行为。API在布局容器中设置子元素对齐layout-align设置默认对齐,除非被另一个断点覆盖。

Angular Material 教程之布局篇 (二) : 布局容器

请注意,如果指定的layout指令没有值,那么row是默认的布局方向。max-width=100%和max-height是容器中项目的高度。请注意,layout仅影响该容器的直接子元素的流向。要使布局根据设备屏幕大小自动更改,请使用以下layoutAPI之一为具有视图宽度的设备设置布局方向:layoutAPIflexAPI激活设备时layoutflex设置默认布局方向,除非被另一个断点覆盖。layout-xsflex-xswidth=600pxlayout-smflex-sm600px

Angular Material 教程之布局篇 (一) : 布局简介

写这篇文章的时候AngularMaterial版本为1.1.1基于Angularv1,基于Angular2的AngularMaterial2仍在Alpha阶段.布局简介概览AngularMaterial的布局特性可以使开发人员能够更轻松地基于CSS3flexBox之上创建现代的响应式布局。布局API包含一组Angular指令,可以应用于任何应用程序的HTML内容。layout="row"),有助于分离焦点:属性用来定义布局而CSS类用来指定样式。并且每个预定义的布局CSS类名都在angular-mater

Angular Material 教程之布局篇 (五) : 布局参数

布局参数有关布局指令的基本说明,请查看“布局和容器”章节。要根据设备屏幕大小更改布局,还有其他layout指令可用:layoutAPIflexAPI激活设备时layoutflex设置默认布局方向,除非被另一个断点覆盖。layout-xsflex-xswidth=600pxlayout-smflex-sm600px