首页
学习
活动
专区
圈层
工具
发布

Angular 2 版本的 ng-bootstrap 初体验

Angular 2 版本的 ng-bootstrap 初体验 最近 angular-ui 团队终于正式发布了基于 Angular 2 的 Bootstrap 界面库 ng-bootstrap , 工作中一直用...使用 ng-bootstrap 下载 ng-bootstrap ng-bootstrap 使用 bootstrap 4.0 alpha2 , 因此需要先下载 bootstrap , 推荐使用 npm 包的形式...接下来就可以使用 ng-bootstrap 的组件了, 接下来以 NgbAlert 为例说明 ng-bootstrap 的用法。...ng-bootstrap 还有更多的组件, 就不一一列举了, 可以继续看: ng-bootstrap 官方的例子 我整理的一些 ng-bootstrap 的例子 小结 实现 ng-bootstrap 的人还是原来做...不过总的来说, ng-bootstrap 的推出将会极大的推进 Angular 2 在实际项目中的应用, 而不只是停留在 demo 阶段, 因为 AngularJS 1.x 时期, 很多项目都是以 AngularJS

2.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何使用小程序表单组件

    button - 按钮组件 switch - 开关组件 slider - 滑动选择器 radio - 单项选择器 chechbox - 多项选择器 input - 输入框 textarea - 多行输入框...Hello World - slider滑动选择器 除了正常的开关量以外,有时候我们还需要用到模拟量,这时出现一个滑块可供选择,那便是极好的,小程序官方给我们提供了一个slider组件来负责变量设置,让用过能够通过滑块调整某项数值...,最小值500,最大值10000,步长为20,默认值为5000,并显示当前数值的滑块。...我们继续向下学习多项选择器。 Hello World - chechbox多项选择器 同样,微信也提供了多项选择器,有了单项选择器的经验,我们对上面的代码做简单的修改即可实现多项选择器。...Hello World - picker - 从底部弹起的滚动选择器 除了单项选择器和多项选择器,小程序还给我们提供了一种比较符合交互的选择器,就是滚动选择器,我们先看看从系统弹出的滚动选择器。

    6.2K41

    2018至2023我的开源项目分享

    博主开源至今 star 数量最多项目就是这个 1.1 功能特点 RedisSearch:支持中文分词搜索,支持商品名称、简介、标签作为搜索项,以及新品、价格排序, 详情可见:更新日志 秒杀专区:支持功能完备...,生产可用的高级秒杀功能,详情可见:更新日志 优惠券专区:支持优惠券后台配置、用户注册赠券、下单页面优惠券使用等功能 商城首页使用滑块验证码登录 详情可见:更新日志 支付时添加了支付宝沙箱支付 集成Pace...121.4.124.33/newbeemall 1.2 项目评价 通过本项目,除了能学到商城会员、首页配置、商品、搜索、下单、购物车等基本模块功能设计后,还能学到更高级的秒杀、优惠券专区、商城搜索中文分词、滑块验证码等

    1.1K51

    零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)

    展示窗体 root.mainloop() 3、tkinter 常用控件 控件 名称 作用 Button 按钮 单击触发事件 Canvas 画布 绘制图形或绘制特殊控件 Checkbutton 复选框 多项选择...,终止位置) 删除项目,终止位置可省略,全部清空为delete(0,END) get(起始位置,终止位) 返回范围所含项目文本的元组,终止位置可忽略 insert(位置,项目元素) 插入项目元素(若有多项...,即最小值间隔 sliderlength 滑块宽度,默认为30 像素 state 状态,若设置 state=DISABLED,则滑块控件实例不可用 tickinterval 标尺间隔,默认为0,若设置过小...,有 get()和set(值),分别为取值和将滑块设在某特定值上。...例如:在一个窗体上设计一个200像素宽的水平滑块,取值范围为1.0~5.0,分辨精度为0.05,刻度间隔为 1,用鼠标拖动滑块后释放鼠标可读取滑块值并显示在标签上。

    17.6K30
    领券