对于程序员来说,除了需要了解不同的编程语言的特点以外,同时对于编程语言的使用都有自己的风格。今天,电脑培训就一起来了解一下,angular编程的一些基础知识都有哪些。
一、指令的简介
指令其实就是angularjs对html的一个扩展,实现自定义html元素
angularjs其自身封装了一些常用的系统指令,我们也可以根据需要自定义指令
二、自定义指令简介
自定义指令的基本格式
app.directive("指令名称",function(){
restrict:'指令匹配格式',
replace:true,是否自定义元素替代指令申明
template:'百度一下'
})
自定义指令关键词说明:
指令名称说明:名字一般采用驼峰命名,及字母小写其余单词大写
在调用时,要将大写字母转换为小写并加上-
举例:myDirectiveTest调用为:my-directive-test
restrict有四种枚举值:
E:指令按照元素来匹配
使用:
C:按照class来匹配
使用:
A:按照属性来匹配
使用:
M:按照注释来匹配
Angular是目前前端开发使用率比较高的一个框架,它开发简单,不用做过多的页面,扩展性强,让很多程序员都非常喜爱。
单页面模式让程序员快速开发很久以前开发前端页面都需要一个页面一个页面的编写。比如一个网站有商品列表页,商品详情页,以往的开发方式都是编写2个页面,加重了程序员开发的压力。而Angular则比较注重单页面模式,程序员可以快速的搭建页面,不用在一个页面一个页面的写了。
Angular搭配Bootstrap事半功倍Angular最显著的特点就是页面值的绑定。这个特性和Bootstrap,CSS搭配起来更能加快开发速度。比如我们要根据一个值来决定复选框是否选中,平常都需要写一堆JS代码来完成这个功能,而如果用Angular则只需要用ng-model绑定值就可以实现功能。
另外Angular和BootStrap的搭配可以更好的实现样式的编写,是快速开发的标配。
各种Angular插件让程序员不用重复写扩展Angular的另一个特点就是可以很便捷的扩展。我们在平时开发Web程序的时候都会有一些小功能,比如分页功能。在用到这个功能时,需要自己手动写分页。而用了Angular就可以直接用别人写好的插件,配置一下就可以轻松实现分页。目前Angular的社区已经拥有了很多的插件,可以满足开发过程中的大多数需求。不过Angular编写插件对于新生来说可能有一些困难。
针对Angular的优势你还知道哪些点呢?欢迎大家在底下留言评论,大家一起学习吧!
大部分JS框架的源代码都可以在Github中找到,angular.js也不例外,要想在Github中找到相应的源代码,步骤如下:
在浏览器中访问github.com
在右上角的搜索框中输入想要查找的源代码(本次输入angular.js),按回车搜索
在查询结果中,一般来说第一个结果就是对应的源代码(angular.js)
点进去后,可以在线查看,亦可以点击绿色下拉按钮“Clone or download”,用git复制地址同步源代码到本地,或者打包成zip压缩包下载都本地。
注意事项:
查阅angular.js源代码需要有一定的javascript基础
建议找一些demo配合查看源代码效果更佳
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)