摘要:
在Angular项目的设计中,我们往往需要定义一些全局的数据,如:应用名称,版本,当前环境,后端服务器地址,当前用户信息等,并希望能一次定义,多处共享,这里我们介绍如何用service来为整个应用提供全局配置服务。 (1) 应用环境 1. 定义名为App_Configuration的interfac 阅读全文
摘要:
在基于Angualr的SPA中,路由是一个很重要的部分,它帮助我们更方便的实现页面上区域的内容的动态加载,不同tab的切换,同时及时更新浏览器地址栏的URN,使浏览器回退和前进能导航到历史访问的页面。 (1) 基本配置 1.1.配置base href 在配置RoutesModule之前,我们需要再i 阅读全文
摘要:
在Angular2 模板中,我们在显示数据时,可以使用通道将数据转换成相应的格式的值的形式来显示,而且这不改变源数据。比如,我们可以使用date通道来转换时间显示的格式: {{date | date:'yyyy-MM-dd'}} ,(1) 以下是Angular提供的基本的通道. 1234569678 阅读全文
摘要:
Angular2的视图是动态的,在不修改绑定到UI上的源数据的情况下,我们可以通过指令来改变数据的是否呈现,呈现形式,呈现样式。 (1).Angular2提供的最常用的指令是: 1.*ngIf='expression',通过expression的运算结果加载或者写在当前元素. 2.*ngFor='e 阅读全文
摘要:
在Angular2中,我们可以提取出一些独立于组件视图的方法或数据,写成公共的服务类,作为组件的提供商。这些服务包括应用环境配置,数字计算,数据服务,日志存取等。一个服务应该是可注入的一个Class. 在实践中,我们可以在项目中建一个services文件夹,用于添加各类公共服务;在每个compone 阅读全文
摘要:
我们通过一个NgModule来启动一个ng app,NgModule通过bootstrap配置来指定应用的入口组件。 在 declarations 可以配置sub_component 如下构造一个TestComponent: 阅读全文
摘要:
当你安装完成Ng2开发环境时,你可能从NgModule开始去写一个Ng2的app,一个Angular2的应用,一般通过一个NgModule来启动,而在NgModule中需要定义root component,申明sub component,sub modules,providers等. 1.导入基本模 阅读全文
摘要:
pm2 是一个带有负载均衡功能的Node应用的进程管理器,本文介绍PM2的安装和使用 阅读全文
摘要:
flex布局提供一种对容器中条目更方便地进行布局,控件分配,和对齐的方式。flex布局的容器能够根据窗口大小变化而改变条目的大小和位置,以呈现最佳的显示效果,它的优势在于开发者可只需要申明容器或其子条目的布局的方式,和窗口或容器大小变化时元素的行为,而不需要去实现具体的适应。 body { dire 阅读全文