最近在项目中用到了angular,之前从未用到过此js lib库,由于项目也比较着急,学习的寥寥草草。到目前为止也只是学会皮毛而已,现将自己学习的知识总结如下:
备注1:
版本号:1.2.2
备注2:
本文将angular结合bootstrap做前端页面,逻辑处理。其中用到了ng的route,repeat,ng-option做下拉框等等一些简单的ng的知识。
开始angular编程:
1、 引入文件
2、 ng模板的应用:
说明:
在后台维护平台中,一般都会存在有左侧菜单,右侧操作的页面,如果这里用angular的实现的话,就会用到ng模板的知识
实现方式(index.jsp)
1、 动态菜单div,声明ng-view告诉angular此部分内容是动态的,记住务必引入angular-route.
2、controller应用,在ng的应用中都是controller对应相应的模板html文件,index文件也不例外
案例:
对应的controller:
IndexController.js : route过滤url设置 var indexModule = angular.module('index',['ngRoute']); indexModule.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/advManage', {templateUrl: './subhtml/adv_manage.html'}); $routeProvider.when('/advModifyManage',{templateUrl:'./subhtml/adv_modify_manage.html'}); }]);
备注3:
上面此类code编写完成之后基本上就实现了动态菜单的操作.when的设置过滤通过url对应相应的html文件。
备注4:
模板文件controller以及html的注意事项如下(举例adv_manage):
A、 根据indexController中设置的过滤来看相应的路径对应的html文件
B、 Html模板文件中声明对应的controller name:
C、 AdvManageController.js
var module = angular.module('index'); module.controller('AdvManageController',function($scope,$rootScope,$http){ //somecode })总结:
ng中的ng-view基本上就是这样了。总结一下就是以下几步:
1、 引入ng lib ,包括ng-route
2、 定义相应的indexController设置过滤,并且定义相应字模板文件
3、 Code相应的route到相应的html文件
写下你的评论吧 !推荐阅读
本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]蜡笔小新 2023-12-11 12:37:10 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]蜡笔小新 2023-12-12 12:45:59 本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]蜡笔小新 2023-12-11 12:06:41 随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]蜡笔小新 2023-12-10 20:05:15 本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]蜡笔小新 2023-12-10 15:42:28 http:valor-software.comng2-bootstraphttps:www.primefaces.orgprimeng#autocomplete转载于:https: ... [详细]蜡笔小新 2023-12-09 20:57:51 1.脚本功能1)自动替换jar包中的配置文件。2)自动备份老版本的Jar包3)自动判断是初次启动还是更新服务2.脚本准备进入ho ... [详细]蜡笔小新 2023-10-17 19:08:29 RTL布局中的bootstrapdatepicker工作不正常,我正在使用这个bootstrapdatepickerhttp:bootstrap-datepicker.readth ... [详细]蜡笔小新 2023-10-17 18:57:35 主讲人网神(新浪微博:豆角茄子麻酱凉面)网神(66707180)18:57:18大家好,今天我们讲一下第14章combiningmodel ... [详细]蜡笔小新 2023-10-17 17:04:24 Bootstrap3 排版缩略语 ... [详细]蜡笔小新 2023-10-17 09:02:39 电销机器人作为一种人工智能技术载体,可以帮助企业提升电销效率并节省人工成本。然而,电销机器人市场缺乏统一的市场准入标准,产品品质良莠不齐。创业者在代理或购买电销机器人时应注意谨防用录音冒充真人语音通话以及宣传技术与实际效果不符的情况。选择电销机器人时需要考察公司资质和产品品质,尤其要关注语音识别率。 ... [详细]蜡笔小新 2023-12-14 16:31:48 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]蜡笔小新 2023-12-14 16:19:10 本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]蜡笔小新 2023-12-14 16:17:05 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]蜡笔小新 2023-12-14 16:12:01 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]蜡笔小新 2023-12-14 16:00:02 多米音乐_34138178这个家伙很懒,什么也没留下!Tags | 热门标签RankList | 热门文章
- 1nginx学习12ngx_cycle_t和ngx_init_cycle
- 22015 校招 美团一二面
- 3ftp服务器通信协议设计,FTP客户端及服务器系统的设计与实现
- 4i5 11300H 怎么样 相当于什么水平
- 5DirextX11是什么意思
- 6vue 项目配置less
- 7【美少女】字节跳动直通车?不坐白不坐
- 8大佬们,vue里面 限制input只能输入数字怎么做啊?
- 9[work] Bash 将字符串拆分成数组
- 10【机器学习面试】百面机器学习笔记和问题总结+扩展面试题
- 11BZOJ5334:[TJOI2018]数学计算(线段树)
- 12python 在列表,元组,字典变量前加*号(转)
- 13类加载机制 Java虚拟机第二步
- 14nexus+maven+eclipse
- 15CentOS6.2调整home分区大小
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有