AngularJs
面条请不要欺负汉堡
道理不是拿来懂的,而是拿来悟的
展开
-
angularjs的介绍及特点
一.angularjs的介绍AngularJS是Google开源的一款JavaScript MVC的前端框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。 AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应原创 2017-09-27 08:51:20 · 1330 阅读 · 0 评论 -
AngularJS表单验证
AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件,然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。一.事件1.ng-click鼠标单击事件2.ng-dblclick鼠标双击3.ng-mousedow原创 2017-10-13 09:17:09 · 510 阅读 · 0 评论 -
AngularJS中ng-class使用方法
一个元素需要在不同的状态下呈现不同的样子,而在这所谓的的样子当然就是改变其css的属性,而实现动态的改变属性值,我们就需要实现动态的更换其class属性值。ng-class是增加相关样式,可以和class同时使用实现方法:1、通过数据的双向绑定(通过$scope绑定) var myApp = angular.module('myApp',转载 2017-10-13 14:03:23 · 447 阅读 · 0 评论 -
AngularJS事件
一.事件1.ng-click指令允许当一个元素被点击后执行指定的表达式。 {{count}}//鼠标单击事件,不用多说2.ng-dblclickng-dblclick指令鼠标双击时{{count}}//鼠标双击事件,无需解释。3.ng-mousedown指令用于告诉 AngularJS 鼠标在指定的 HTML 元素上按下时要执行的操作。ng-mo原创 2017-10-13 09:49:45 · 469 阅读 · 0 评论 -
AngularJS操作DOM----angular.element
AngularJs是不直接操作DOM的,但是在平时的开发当中,我们有的时候还是需要操作一些DOM的,如果使用原生的JS的话操作过于麻烦,所以大家一般都是使用jQuery,jQuery虽然好用,但是AngularJs是不建议和JQuery同时使用的,所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite 查阅官方提供的api,可以看到使用方法是angular.ele原创 2017-10-12 10:36:42 · 7913 阅读 · 0 评论 -
AngularJS过滤器以及自定义过滤器
过滤器是用来更改修改数据,并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。一.AngularJS的filter过滤器向表达式添加过滤器:可以通过一个管道字符(“|”)和一个过滤器添加到表达式中1.uppercase|lowercase:大小写转换过滤{{ youname | uppercase }}{{ youname | lowercase }}原创 2017-10-11 09:54:47 · 534 阅读 · 0 评论 -
AngularJS控制器(Controller)
AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块,由控制器控制。下面我们通过例子来分析: AngularJS入门学习 <!-- 在该控原创 2017-10-11 09:18:31 · 416 阅读 · 0 评论 -
使用Angular CLI创建项目
Angular CLI是一个命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。1.设置开发环境①是否有安装Nodejs和npmNodeJS、NPM安装配置步骤(windows版本)②全局安装Angular CLInpm install -g @angular/cli原创 2017-10-10 14:20:35 · 521 阅读 · 0 评论 -
AngularJS常用语法
1.如何让AngularJS与HTML集成①ng-app指令指示AngularJS应用的开始。②ng-model指令创建一个名为“name”的模型变量在HTML页面中,并有ng-app指令在div内使用。③ng-bind使用模型名称只要在文本框中用户输入的东西显示在HTML span标签。④结束标记表示AngularJS应用程序的结束。2.常用的指令Angu原创 2017-10-10 17:11:27 · 848 阅读 · 0 评论