angular编程的一些基础知识都有哪些?

angular编程的一些基础知识都有哪些?,第1张

对于程序员来说,除了需要了解不同的编程语言的特点以外,同时对于编程语言的使用都有自己的风格。今天,电脑培训就一起来了解一下,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配合查看源代码效果更佳


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

原文地址: http://outofmemory.cn/yw/12159125.html

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

发表评论

登录后才能评论

评论列表(0条)

保存