angular自带的jquery lite用法实例,不用引入jq照样回到老夫就用jq的感觉~

前提~我用的版本1.5.5

或许你曾见过这张图~

言归正传，情况是这样的：
我有三个li，每点击当前li就让其背景色变色；
点击另一个li又让背景色切换到另一个li。
这需求在jq的时代简直不能再简单，然鹅在用了angular后页面就很少引入jq了（当然是为了保持B格~哈哈哈），偶然发现angular自带有jq lite，和指令一起用就又回到老夫就用jquery的快感~

附码：

<li au-focus><a href="#/music/1">音乐</a></li>
<li au-focus><a href="#/movie/1">电影</a></li>
<li au-focus><a href="#/book/1">图书</a></li>

angular.module('wasei.directives.au-focus', [])
.direvtive('auFocus',[function(){return {restrict: 'A',link:function($scope, iElm, iAttrs, controller){iElm.on('click',function(){iElm.parent().children().removeClass('active');iElm.addClass('active');})}}
}]);

最后附上angular自带的jq方法，当然你也能自己打印一下iAttrs查看…

angular自带的jquery lite用法实例,不用引入jq照样回到老夫就用jq的感觉~相关推荐

python asyncio回调函数_python回调函数用法实例分析
python回调函数用法实例分析本文实例讲述了python回调函数用法.分享给大家供大家参考.具体分析如下: 软件模块之间总是存在着一定的接口,从调用方式上,可以把他们分为三类:同步调用.回调和异步 ...
ANGULAR自带指令有哪些？
1.背景介绍 AngularJS 通过被称为指令的新属性来扩展 HTML. AngularJS 通过内置的指令来为应用添加功能. AngularJS 允许你自定义指令. 2.知识剖析 angula ...
简述angular中constant和$filter的用法
这里是修真院前端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析前端知识/技能,本篇分享的是: [简述angul ...
jQuery .tmpl() 用法
参考效果: DEMO 下载: jquery-tmpl-master 动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回 ...
Excel 日期相减 DATEDIF 函数用法实例
Excel 日期相减 DATEDIF 函数用法实例如图所示在C1列输入 =DATEDIF(A1,B1,"y")&"年"&DATEDIF(A1 ...
BCDEDIT用法实例讲解
BCDEDIT用法实例讲解补充:今天才发现BCDEDIT不是纯DOS命令.你必须在XP或者VISTA中才能使用这个命令. ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ bcdedit.exe ...
Imagex用法实例
Imagex用法实例本文的所有操作都需要在Windows PE下进行.虽然这可能没有在DOS环境下方便,不过用Windows PE取代DOS已经是一个必然的趋势,同时,Windows PE环境也使p ...
jquery 瀑布流实例最流行瀑布流图片展示
jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例,通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示.用户可以无限浏览图片或内容无限加载瀑布流 ...
python画猴子_Python猴子补丁Monkey Patch用法实例解析
属性在运行时的动态替换,叫做猴子补丁(Monkey Patch). 为什么叫猴子补丁属性的运行时替换和猴子也没什么关系,关于猴子补丁的由来网上查到两种说法: 1.这个词原来为Guerrilla Pa ...

angular自带的jquery lite用法实例,不用引入jq照样回到老夫就用jq的感觉~

前提~我用的版本1.5.5

angular自带的jquery lite用法实例,不用引入jq照样回到老夫就用jq的感觉~相关推荐

最新文章

热门文章