portal门户是一种常见的前端组织结构,用来容纳用户想要看到的个性化内容,具有高自定义,高个性化,可定制,模块化,多视图的特点,下面针对angularjs的特性,在这里我为大家介绍下angularjs的前端portal技术。
没有对比就没有伤害,我们对比下google的igoogle portal来分析下用angularjs做portal时应该注意下什么。
网址:http://www.igoogleportal.com/
如上图所示,经分析,igoogle portal具备如下特点:
1.多视图且视图的数目和大小全为用户自定义
2.视图中的内容为用户自定义,跳转为用户自定义
3.视图可自由拖拽视图内容可编辑
接下来我们从分析传统angularjs前端项目的生命周期及启动入手来分析如何用angularjs做高度用户可定制化的portal,如下:
1.angularjs的视图ui-view定义在ui-router中
2.ui-router定义在angularjs的config()中
3.config()早于run()早于controller()被运行,且在controller中无法改变config的内容。