angularJS中的路由

这两种都是路由的设置。只不过第一种应该是angularJS中原生的路由模板。而第二幅图，则是ui-router中的路由模板。这两种到底有什么区别呢？
首先，我们可以发现，这两种路由注入的参数不同，其次次配置路由的写法也不同，一个是$routeProvider.when 一个是$stateProvider.state 第二种路由的设置可以看

http://www.oschina.net/translate/angularjs-ui-router-nested-routes

Note:在使用ui-router时要先引入angularJS框架然后再引入ui-router框架，最后引入你自己写的js文件。

自己突然发现，在url：”“中用“/”或者用“ .”页面都能跳转，只是在路径上看到的区别一个是”/”一个是”.”而已。
在使用ui-router中我们必须要在主页面设置一个标志点或者说占位符，如<div ui-view="main" ></div>在路由中加载进来的其它页面片段都是将这个含ui-view这属性的div元素替换掉。这里要注意一点的是，当这里有设置属性值时，在路由中我们应该这样设置

.state('pageTab.page1',{
        url:'/page1',
        views:{
            'main@pageTab':{
                templateUrl: "page-1.html"
            }
    }
});

如果在状态中设置views属性后，那么templateUrl、template、templateProvider属性将被忽略。

ui-router的工作原理非常类似于angular的路由控制器，但它只关注状态。