13、AngularUI Bootstrap开发与定制指南

onion

于 2025-12-01 10:12:59 发布

阅读量1

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS实战进阶文章标签： AngularUI Bootstrap 开发指南组件定制

本文链接：https://blog.youkuaiyun.com/onion/article/details/155543818

AngularJS实战进阶专栏收录该内容

16 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

AngularUI Bootstrap开发与定制指南

1. AngularUI Bootstrap开发基础

1.1 动态显示与隐藏信息

使用AngularJS模型 showEstimate ，默认通过 ngInit 设置为 false ，以默认隐藏信息。可通过 ngClick 切换其状态，最后将该模型传递给 collapse 指令，实现带有动画效果的信息隐藏与显示。示例代码如下：

<!-- 这里省略了部分代码 -->
<select>
  <option value="20">20%</option>
  <option value="30">30%</option>
  <option value="40">40%</option>
  <option value="50">50%</option>
  <option value="60">60%</option>
  <option value="70">70%</option>
  <option value="80">80%</option>
  <option value="90">90%</option>
  <option value="100">100%</option>