ui-bootstrap

ui-grid入门教程（一）

最近看UI-bootstrap资料，发现一款非常优秀的AngularJS插件ui-grid。由于是英文资料，下面根据我的理解和看到的英文资料写一个小的教程。
MakingChoice·2021-05-09 01:46

AngularJs 弹出模态窗口 $modal $uibModal

本篇文章主要介绍了"AngularJs弹出模态窗口$modal$uibModal"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下：使用angularJs的指令库ui-bootstrap弹出模态窗口
mingqingyuefeng·2020-08-21 00:22

AngularJs的UI组件ui-Bootstrap分享（二）——Collapse

Collapse折叠控件使用uib-collapse指令123456789101112angular.module('ui.bootstrap.demo',['ui.bootstrap']).controller('CollapseDemoCtrl',function($scope){13$scope.isCollapsed=true;1415$scope.coled=function(){16c
weixin_34248023·2020-08-20 19:16

AngularJs的UI组件ui-Bootstrap分享（十三）——Progressbar

进度条控件有两种指令，第一种是uib-progressbar指令，表示单一颜色和进度的一个进度条。第二种是uib-bar和uib-progress指令，表示多种颜色和多个进度组合而成的一个进度条。这是一个使用uib-progressbar指令的例子：1234567891011angular.module('ui.bootstrap.demo',['ui.bootstrap']).controlle
weixin_33976072·2020-07-13 18:57

AngularJs的UI组件ui-Bootstrap分享（一）

目录：AngularJs的UI组件ui-Bootstrap分享（一）AngularJs的UI组件ui-Bootstrap分享（二）——CollapseAngularJs的UI组件ui-Bootstrap
??yy·2020-07-13 17:12

AngularJs的UI组件ui-Bootstrap分享（十二）——Rating

Rating是一个用于打分或排名的控件。看一个最简单的例子：123456789101112angular.module('ui.bootstrap.demo',['ui.bootstrap']).controller('RatingDemoCtrl',function($scope){13$scope.rate=7;14$scope.max=10;15$scope.isReadonly=false
weixin_33691817·2020-07-13 17:40

模拟BootStrap的弹框功能

大家都知道AngularJS和BootStrap的js文件是有冲突，因为BootStrap的js文件是依赖与jQuery的，如果用AngularJS去开发，意味着需要连BootStrap都不能用，但可以用UI-BootStrap
web_LamHo·2020-07-12 05:07

angular ui-bootstrap日期控件如何显示成中文

1.引入中文国际化文件angular-locale_zh-cn.js下载地址（https://github.com/angular/angular.js/tree/master/src/ngLocale），然后大部分控件就可以显示中文了。2.有些按钮（today,clear，close）还不能显示中文比较简易的做法是在datepicker-popup指令定义的地方,增加属性current-text
前端琅琊阁·2020-06-24 16:10

ng-if 对作用域的影响

ng-if隔离作用域入坑情景：在使用ui-bootstrap时，根据ui-bootstrap的指引：官方JS:angular.module('ui.bootstrap.demo').controller
一长亭·2019-12-18 14:38

ui-bootstrap中button指令源码解析

源码非常简单，大家可以借鉴一下，其指令继承自己的方式来传递contant中的配置。angular.module("ui.bootstrap",["ui.bootstrap.tpls","ui.bootstrap.buttons"]);angular.module("ui.bootstrap.tpls",[]);angular.module('ui.bootstrap.buttons',[])//c
MakingChoice·2019-12-17 15:05

Angularjs中的ui-bootstrap的使用教程

1.新建uiBootstrap.html页面，引入依赖的js和css类库2.新建uiBootstrap.js文件，定义一个uiModule模块，引入依赖的模块/***Createdbyzhongon2015/9/7.*/varuiModule=angular.module("uiModule",["ui.bootstrap","ui.router"]);});3.定义dialog弹出窗口的模板4.
·2019-09-24 15:12

AngularJS之jeDate日期控件基本使用

鉴于AngularJS组件库ui-bootstrap没有此功能，找了一款基于原生JS实现的插件-jeDate,总体效果还可以基本封装使用：1xxx.directive('jeDatepicker',function
Gerryli·2019-01-08 20:00

AngularJs的UI组件ui-Bootstrap之Tooltip和Popover

tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲，这两个指令虽然可以正常工作，但是从用户体验的角度并不推荐使用。先说tooltip，tooltip有三种使用方式：（1）uib-tooltip定义提示的文本（2）uib-tooltip-html定义提示的html字符串，该字符串不会编译为html内容（需要使用$sce.trustAsHtml编译为html内容）。需要注
pilixiami·2018-07-13 10:33

gulp+webpack+angular1的一点小经验（第三部分使用一些angular1的插件ui-bootstrap与highcharts）

第一个要介绍的是我们的麻烦制造器：angular-ui-bootstrapui-bootstrap可以有很多通用的插件给大家用，比如弹窗啊（modal），翻页控件啊（pagination），为什么说它麻烦呢，因为它家官网被墙了，看不到文档！可我就是要用啊，怎么办？老办法，下载来再说：npminstall--save-devangular-ui-bootstrap然后到mode_modules文件夹
拿饭盒当烟灰缸·2016-12-11 18:00

angular ui-bootstrap日期控件如何显示成中文

ui-bootstrap下关于日期的插件是datepicker，但其块状显示的方式，限制了其应用范围，或者说datepicker就是为做基础插件而生。
ronux·2016-07-09 17:57

AngularJs 弹出模态窗口 $modal $uibModal

使用angularJs的指令库ui-bootstrap弹出模态窗口：导入ui-bootstrap-tpls.js这个是ui-bootstrap的库，版本1.1.0（老版本的注入对象$modal）注入服务
cooperay·2016-03-21 17:44

angularjs 数据库分页

angularjs的服务端分页解决方案，前端页面采用angularjs和ui-bootstrap的分页写法，后端在服务器中做好分页，其实也比较容易，做好以下几点就行：页码发生变化时要触发一个页码变化的方法
今天来找bug·2015-12-31 14:00

UI-Bootstrap 模态对话框示例

官网API:点击打开链接一、JS代码示例 define(['{angular}/angular'],function(angular){ 'usestrict'; varoptionList=angular.module('OptionList',['ngResource']); optionList.controller('DictionaryOptionListCtrl',['$scope
u010834071·2015-12-25 15:00

angularjs中UI插件ui-bootstrap中modal模态弹出源码分析

最近看了一下UI-Bootstrap的源码，感觉写的非常好，对自己写angular程序有很大的启发，源码指令也很高，这里先简单分析一下，然后把思路整理一下，如果有错误欢迎指出来。
MakingChoice·2015-12-01 20:35

bootstrap + angularjs + seajs构建Web Form前端2

angularjs + seajs构建Web Form前端(二) 回顾 　　上一篇讲解了引入bootstrap构建一个简单的登录页面，如何让angularjs自动启动并绑定视图，操作过程当中如何使用ui-bootstrap
·2015-11-13 19:58

angularjs + seajs构建Web Form前端(二)

回顾 　　上一篇讲解了引入bootstrap构建一个简单的登录页面，如何让angularjs自动启动并绑定视图，操作过程当中如何使用ui-bootstrap，继而完成简单功能后如何引入seajs后如何使
·2015-10-26 15:07

angular ui-bootstrap日期控件如何显示成中文

1.引入中文国际化文件angular-locale_zh-cn.js下载地址（https://github.com/angular/angular.js/tree/master/src/ngLocale），然后大部分控件就可以显示中文了。2.有些按钮（today,clear，close）还不能显示中文比较简易的做法是在datepicker-popup指令定义的地方,增加属性current-text
前端琅琊阁·2015-05-19 15:46

angularjs带校验登录窗口

阅读更多使用angular，bootstrap，ui-bootstrap的登录窗口：用户名必填email地址不对密码密码至少六位记住我登录校验参数备忘：xform.username.
kowen·2014-10-14 14:00

angularjs带校验登录窗口

使用angular， bootstrap，ui-bootstrap的登录窗口：   <div>     <div>    
kowen·2014-10-14 14:00

angularjs带校验登录窗口

使用angular， bootstrap，ui-bootstrap的登录窗口：   <div>     <div>    
kowen·2014-10-14 14:00

yeoman构建的angular项目中正确引入angular-ui-bootstrap

阅读更多yeoman构建的angular项目中需要引入ui-bootstrap使用命令bowersearchui-bootstrap得到以下结果：Searchresults:angular-ui-bootstrap-bowergit
kowen·2014-10-13 15:00

yeoman构建的angular项目中正确引入angular-ui-bootstrap

yeoman 构建的angular项目中需要引入ui-bootstrap 使用命令 bower search ui-bootstrap得到以下结果： Search results:  
kowen·2014-10-13 15:00

yeoman构建的angular项目中正确引入angular-ui-bootstrap

yeoman 构建的angular项目中需要引入ui-bootstrap 使用命令 bower search ui-bootstrap得到以下结果： Search results:  
kowen·2014-10-13 15:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他