angularjs如何实现多个菜单点击跳转到同一个页面,根据参数不同来动态获取数据

angularjs如何实现多个菜单点击跳转到同一个页面,根据参数不同来动态获取数据,第1张

这个需要后台来搞的

比如你要跳转的页面是 >

第一步:通过点击事件,打开新窗口,并且传递参数

statehref('contentcheckFinalTrial')

windowopen(url+'id='+dataid+'&type=1')

}

注:点击后需要直接调用windowopen(),如果在ajax获取成功后再打开窗口,那么浏览器会阻止新窗口打开

第二步:通过$locationsearch()获取通过新窗口url传递的参数,并且利用参数进行ajax请求获取数据

$locationsearch()id

$locationsearch()type

第三步:关闭新窗口,并且调用父窗口(指打开新窗口的前一窗口)的事件

windowclose()

opener$('searchBut2')click()

//windowopenerlocationreload(),刷新原网页

一、angularjs是一个javascript框架。通过script脚本引入,他是一个用Javascript编写的库。angularjs通过指令扩展了HTML,通过表达式绑定数据到HTML中。AngularJS主要考虑的是构建CRUD(增删改查)应用。

优点:

1 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令;

2 是一个比较完善的前端MVC框架,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能;

3 自定义Directive(指令),比jQuery插件还灵活,但是需要深入了解Directive的一些特性,简单的封装容易,复杂一点官方没有提供详细的介绍文档,可以通过阅读源代码来找到某些我们需要的东西,如:在directive使用 $parse;

4 ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。

缺点:

1 验证功能错误信息显示比较薄弱,需要写很多模板标签,没有jQuery Validate方便,所以可以自己封装了验证的错误信息提示;

2 ngView只能有一个,不能嵌套多个视图,虽然有angular-ui/ui-router · GitHub 解决,但是貌似ui-router 对于URL的控制不是很灵活,必须是嵌套式的;

3 对于特别复杂的应用场景,貌似性能有点问题,特别是在Windows下使用chrome浏览器,不知道是内存泄漏了还是什么其他问题,没有找到好的解决方案,奇怪的是在IE10下反而很快;

4 这次从10X升级到12X,貌似有比较大的调整,没有完美兼容低版本,升级之后可能会导致一个兼容性的BUG,具体详细信息参考官方文档AngularJS ,对应的中文版本:Angular 10到12 迁移指南

5 ng提倡在控制器里面不要有 *** 作DOM的代码,对于一些jQuery 插件的使用,如果想不破坏代码的整洁性,需要写一些directive去封装插件,但是现在有很多插件的版本已经支持Angular了,如:jQuery File Upload Demo

6 Angular 太笨重了,没有让用户选择一个轻量级的版本,当然12X后,Angular也在做一些更改,比如把route,animate等模块独立出去,让用户自己去选择。

以上就是关于angularjs如何实现多个菜单点击跳转到同一个页面,根据参数不同来动态获取数据全部的内容,包括:angularjs如何实现多个菜单点击跳转到同一个页面,根据参数不同来动态获取数据、18 个惊人的 Angular 开源项目、angularjs 中打开新的浏览器窗口(解决window.open(),浏览器拦截问题)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9807376.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存