angularjs
文章平均质量分 58
城续猿的员
不断交流,不断学习,方能跨越~
展开
-
angularJS directive详解
前言最近学习了下angularjs指令的相关知识,也参考了前人的一些文章,在此总结下。欢迎批评指出错误的地方。 Angularjs指令定义的APIAngularJs的指令定义大致如下angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义转载 2016-01-05 16:04:22 · 401 阅读 · 0 评论 -
AngularJS中关于ng-class指令的几种实现方式详解
前言开发中经常会遇到这样的需求,一个元素需要在不同的状态下呈现不同的样子,而在这所谓的的样子当然就是改变其css的属性,而实现动态的改变属性值,我们就需要实现动态的更换其class属性值。在这给大家介绍三种方法来实现,大家可以根据自己的需求来选择方式,下面来看看。第一种:通过数据的双向绑定(不推荐)?123转载 2017-02-16 10:46:15 · 3667 阅读 · 0 评论 -
在angularJS中实现返回前一页
html script src="lib/angular/angular-1.4.9/angular.js">script> script src="lib/angular/angular-ui-router.min.js">script> app angular.module('ConsoleUIApp', ['ui.router','ui.bootstr转载 2017-02-10 16:17:13 · 5802 阅读 · 0 评论 -
angularJs表单校验
DOCTYPE html>html ng-app="angularFormCheckModule"> head> meta charset="UTF-8"> title>angular表单校验title> link rel="stylesheet" href="../css/bootstrap.min.css" /> sty转载 2017-02-09 12:08:10 · 462 阅读 · 0 评论 -
AngularJs获取焦点与失去焦点时的表单验证
> html ng-app="formExample"> head> meta charset="UTF-8"> title>title> script src="../js/angular.js">script> script> angular.module('formExample', [])转载 2017-02-09 12:06:33 · 2478 阅读 · 0 评论 -
angular之$location基本用法
一. 获取url的相关方法:以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例:1. 获取当前完整的url路径:$location.absUrl():// http://localhost/$location/21.1%20$location.html#/foo转载 2017-01-06 15:33:32 · 33279 阅读 · 3 评论 -
基于angular.js的回到顶部指令
#gotoTop { display: none; position: fixed; top: 80%; left: 90%; cursor: pointer; padding: 4px 4px; width: 50px; border: 1px soli转载 2017-01-05 16:51:32 · 2114 阅读 · 0 评论 -
使用angularjs的键盘事件来增强用户体验
绑定键盘事件(尤其注意:不能用a标签,不然会失效)推荐button方法一:ng内置指令"login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="loginForm.$invalid"> 登录说明:在对应的控制器中的$scope上绑定一个todo转载 2016-08-05 09:18:13 · 6583 阅读 · 0 评论 -
ng-class、ng-style、ng-href、ng-attr-title
在angularjs中,设置样式: .red{ background: red; } .yellow{ background: yellow; } div a { text-decoration: none; }原创 2016-01-10 22:10:24 · 9515 阅读 · 0 评论 -
angular.bootstrap
angular.bootstrap(document, ["myapp"]) ;//初始化这种方式,一旦页面需要多个初始化时,可以用bootstrap,指令只能进行一次初始化操作需要进行多个初始化时使用!!!! var i=0; var m1 = angular.module('myApp1',[]); var m2 = angula原创 2016-01-10 22:41:31 · 689 阅读 · 0 评论 -
angularjs中的工具方法(forEach等)
angular.bind(self, fn, args)作用:返回一个新的函数,绑定这个函数的this指向self参数: self:新函数的上下文对象fn:需要绑定的函数args:传递给函数的参数返回值:this指向self的新函数var obj = { name: 'xxx', print: function (country) { console转载 2016-01-10 22:28:07 · 479 阅读 · 0 评论 -
angular中常用知识点整理
angular中常常用很多细节问题,一不留神,可能出现bug,知识点的理解把握很重要。原创 2017-05-11 15:30:39 · 3133 阅读 · 0 评论