发表于: 2017-04-23 21:47:48

1 1258


今天完成的事情:上午继续编写详情页代码,完成后,尝试如何实现点击第二页列表页中新增按钮后实现页面的再次跳转并在该页面的加载区域换成新加载的第三页详情页。在网上找了很久,找到了许多例子,经过对比,基本都是要给按钮设置一个goToUrl()方法,然后在js文件中添加一个控制器运行一个函数才能实现页面的跳转的部分功能,然后还要在路由方法中添加和a链接一样的方法才能实现。最终完成了任务6的学习。期间也出现了不少问题,稍后再说。

明天计划的事情:开始任务7的学习,网上查找相关的知识点,仿写能够找到的案例,体会代码运行的程式,尝试写任务7的代码,实现要求的效果。

遇到的问题:

 上午找了很久button按钮进行angular.js页面跳转的实现。对比了一下,但是帖子和博客写的都大同小异,案例也不是很全面,也可能我学的不够好,反正就是没有太懂到底怎么实现。后来进行反复的对比,发现就是对按钮添加一个ng-click=goToUrl()属性,然后在app.js中添加控制器。在控制器中,添加一个函数,在函数中,写$scope.goToUrl,对它赋予一个函数,在函数中书写$location.path(path);这样还没有完,还有在路由的函数中再添加一个和前边加载列表页一样a链接跳转的代码,才可以实现。

 通过不断的实践,报警等事件,才明白,button按钮添加的属性中,括号里要添加一个字符串“/part(自定义的)”,这个地址和路由中when()括号第一个书写的地址一样。然后按照上边的方法,对函数设置两个参数,$scope,$location,就可以实现了。如下边的截图:

收获:学会了如何实现a链接和按钮实现在单页面如何实现局部跳转网页的技能。


返回列表 返回列表
评论

    分享到