AngularJS UI 组件 adapt-strap

码农软件 · 软件分类 · AngularJS 扩展 · 2019-03-17 12:28:45

软件介绍

adapt-strap 是 AngularJS UI 组件和实用工具,是基于 AngularJS 1.2+ 和 bootstrap 3 的。

特性:

  • Table Lite - 简单的列表 UI

  • Table AJAX - 高级的列表 UI

  • Tree Browser - 简单的树形 UI

  • Loading Indicators - 简单的指令

  • Global configuration - 所有组件都是全局配置使用

  • Customizable - 所有组件都是支持高度自定义的

用法

  • 使用 bower install adapt-strap --save
    安装

  • 把库文件放入 index.html 文件:

<script src="bower_components/adapt-strap/dist/adapt-strap.min.js"></script>
<script src="bower_components/adapt-strap/dist/adapt-strap.tpl.min.js"></script>
<link rel="stylesheet" href="bower_components/adapt-strap/dist/adapt-strap.min.css"/>
  • 添加 adaptv.adaptStrap 模块作为依赖

angular.module('myApp', [
    'ngSanitize', // adapt-strap requires ngSanitize
    'adaptv.adaptStrap'
]);

示例代码:

<div ng-controller="tableajaxCtrl">

    <!-- ========== Simple Table Implementation ========== -->
    <div class="panel panel-default">
        <div class="panel-body">
            <ad-table-ajax table-name="artistsTable"
                           column-definition="artistsColumnDef"
                           table-classes="table table-bordered"
                           page-sizes="[5, 20, 50]"
                           pagination-btn-group-classes="btn-group btn-group-xs"
                           ajax-config="artistsAjaxConfig">
            </ad-table-ajax>
        </div>
    </div>

    <!--========== Advanced Implementation with search ========== -->
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
                        <input type="text" class="form-control" ng-change="searchArtist()" ng-model="artistSearchKey">
                        <span class="input-group-addon">
                          <i class="glyphicon glyphicon-search"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <ad-table-ajax table-name="artistsTableSearch"
                           column-definition="artistsColumnDefSearch"
                           table-classes="table table-bordered"
                           page-sizes="[5, 20, 50]"
                           pagination-btn-group-classes="btn-group btn-group-sm"
                           ajax-config="artistsAjaxConfigSearch"
                           page-loader="methods.pageLoader">
            </ad-table-ajax>
        </div>
    </div></div>


本文地址:https://www.codercto.com/soft/d/1541.html

当下的启蒙

当下的启蒙

[美] 史迪芬·平克 / 侯新智、欧阳明亮、魏薇 / 浙江人民出版社 / 2018-12 / 159.90

[编辑推荐] ● 比尔•盖茨最喜爱的一本书。理查德·道金斯心中的诺贝尔文学奖作品。尤瓦尔•赫拉利2018年最爱的书之一。 ● 当代最伟大思想家史蒂芬·平克全面超越自我的巅峰之作,一部关于人类进步的英雄史诗。 ●《当下的启蒙》用数据和事实揭示出世界的真相:不是黑暗,而是光明;不是丧,而是燃;我们没有退步,而是一直在进步,还将继续进步。用这本书点燃生活的勇气,亲手创造更美好的未来。 ......一起来看看 《当下的启蒙》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具