重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs-ui-router/
创新互联凭借在网站建设、网站推广领域领先的技术能力和多年的行业经验,为客户提供超值的营销型网站建设服务,我们始终认为:好的营销型网站就是好的业务员。我们已成功为企业单位、个人等客户提供了做网站、成都网站设计服务,以良好的商业信誉,完善的服务及深厚的技术力量处于同行领先地位。ui-router是angularjs的一个客户端的单页应用路由解决方案,它提供了一种类似一个层次树的状态来方便的实现各个页面间的跳转。
Q:路由是怎么显示各个模板?
当ui-routr状态被激活时,它的模板会自动插入到父状态对应的模板中包含ui-view属性的元素内部。如果是顶层状态,那么它的父模板就是index.html。
Q:激活路由状态有三种方法:
1.调用$state.go()方法;
2.点击包含ui-sref指令的链接;
3.导航到与状态相关联的 url。
使用ui-router的准备工作:
(1)下载angular-ui-router.js
(2)在index.html中下载angular-ui-router.js
(3)把ui.router依赖注入
例:
var myApp =angular.module('myApp', ['ui.router']);
// For Component users, it should look like this:
// var myApp = angular.module('myApp', [require('angular-ui-router')]);
...
...