angular-ui

angular-ui-sortable实现可拖拽排序列表

angular-ui-sortable实现可拖拽排序列表

项目需求,添加列表可拖拽排序功能,谷歌了一下,找到一个Angular的插件:angular-ui-sortable,项目地址:https://github.com/angular-ui/ui-sortable需要在之前引入jquery,和jquery-ui,否则无法使用。我们要做的事情,加载数据,拖拽排序并输出当前顺序:js代码:html代码: »

Angular-UI Bootstrap组件实现警报功能

Angular-UI Bootstrap提供了许多组件,从流行的的Bootstrap项目移植到Angular 指令(显著的减少了代码量)。如果你计划在Angular应用中使用Bootstrap组件,我建议细心检查。话虽如此,直接使用Bootstrap,应该也是可以工作的。 Angular controller可以共享service的代码。警报就是把service代码共享到controller的很好... »

Angular.js中angular-ui-router的简单实践

开始之前 一些说明 angular-ui-router的使用方法有很多,此文中,我们直接在控制器中使用,并完成一个简单的路由。 文中 Angular.js 的版本为 1.5.2 下载和安装 直接通过 bower 来安装 angular-ui-router 使用 bower 安装 angular-ui-router 之前,首先需要安装 npm 和 bower 。npm 是node.js的包管理工具,... »

将angular-ui的分页组件封装成指令的方法详解

准备工作: (1)一如既往的我还是使用了requireJS进行js代码的编译 (2)必须引入angualrJS , ui-bootstrap-tpls-1.3.2.js , bootstrap.css…. 首先抛出几个问题: a):何时回用到分页 (当后端返回的数据过多,一页装不满时,我们必须要采取分页的效果,给用户良好的视觉效果) b):分页一般要传递哪些数据 (总的数据数量,每页固... »

详解如何将angular-ui的图片轮播组件封装成一个指令

在项目开发中我们经常会遇到图片轮播的功能点: 如果我们开发人员自己原生手写,将会花费很多的时间,最终得不偿失。 接下来就详细说说如何使用angular-ui发热图片轮播模块,并且将它写成一个指令(便于复用) 一如既往的我们项目中使用时requireJS进行js代码的编译 准备工作:  1):引入angularJS , ui-bootstrap-tpls-1.3.2(我使用的是1.3.2版... »