发表于: 2017-01-10 20:55:08

1 1303


今天完成的事

今天做了任务6的路由部分

在页面内点击某个选项卡会呈现不同的模块

明天的计划

做分页的部分

收获

angular路由

用的是ui-router

生声明模块,把ui-router传入angular主模块,所有的结合起来得到angular模块
myApp.config(function ($stateProvider,$urlRouterProvider) {
//声明把两个路由引擎作为函数参数传入
$urlRouterProvider.when("","/pub");
//若没有路由引擎匹配当前的导航状态,则默认将路径引入pagetab,默认选项

这里的pub里面有初始的header啊侧边栏啊的部分

$stateProvider
   .state("pub",{
url:"/pub",
templateUrl:"pub.html"
   })
   //定义main页面第一个显示出来的状态,作为页面被加载好后第一个被使用的路由
   //类似于直接写入html,母版页的子页面

然后再给那三个链接使用那个玩意儿,就可以把这个动作附加上去然后就可以了

<aside>
   <ul>
       <li ui-sref=".list"><a href="">八哥列表</a></li>
       <li ui-sref=".personal"><a href="">新增家雀</a></li>
       <li ui-sref=".eddit"><a href="">罗拉爱巢</a></li>
   </ul>
</aside>
<main ui-view="">

</main>


困惑

现在我是5个页面

一个index,一个默认载入的pub,还有三个要插入的

然而我之前是想要把index和pub放在一个页面里的,这样以后那三个页面就没办法点击,问题是为什么没法点击了呢,,



返回列表 返回列表
评论

    分享到