百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> angularjs 做修改页面遇到的问题解决办法
分享文章到:

angularjs 做修改页面遇到的问题解决办法

发布时间:01/15 来源: 浏览: 关键词:
angularjs 做修改页面遇到的问题是什么原因要如何来解决呢,下面小编来为各位介绍angularjs 做修改页面遇到的问题的解决办法,具体的如下所示。

在做列表修改的时候遇到了2个大问题

①列表点击修改按钮显示修改页面

刚开始想用ng-click做的,但是定义的方法传参数的时候折腾了一段时间,
下面是ng-repeat里怎么写参数

ng-click="edit(row.id)"
上面的方面比较麻烦,后来我修改成链接了

<a type="button" class="btn btn-success" ui-sref="main.posts.edit({id:row.posts_id})" >编辑</a>
当然也是捣鼓了很久

路由匹配那里要写成

.state("main.posts.edit", {
            url:"/edit/{id:[0-9]+}",
②控制器中怎么接受到id参数

接着上面的程序,之后要在控制器里接受这个参数,怎么也接受到,只能网上找,看了别人的代码

控制器那里注入$stateParams
这样就可以用$stateParams.id 调到id了

页面的修改都会有这个参数所以我把$stateParams参数注入到$rootScope上,也就是在页面run的时候注入

这次来看一下后台接口列表的截图

angularjs 列表

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有10人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板