angular Tip组件编写

angular是我正在使用的一款MVC框架，按照规范，大多数的dom操作都应该移到directive上，这样便于维护较大的项目，我这边贴出一段用于TIP的组件代码，就是当你做了一个操作点击完一个按钮的时候，系统会提示你本次操作是否成功那种小提示。

somemodule.directive('successTip' ,function($rootScope){return {restrict : "A" ,link     : function(scope , tipEle , attrs){tipEle = $(tipEle);$rootScope.$on('success' , function(event , ele , str , pos){ele = $(ele);var left = ele.offset().left, top = ele.offset().top, width = ele.width();tipEle.fadeIn(500).css({left : left + width + 50 + "px" ,top  : top + "px"}).text(str);setTimeout(function(){tipEle.fadeOut(500);} , 2000);});}}
}).directive('errorTip' ,function

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！