Table + AngularJS
=================
[![Build Status](https://travis-ci.org/esvit/ng-table.svg)](https://travis-ci.org/esvit/ng-table) [![Coverage Status](https://coveralls.io/repos/esvit/ng-table/badge.png)](https://coveralls.io/r/esvit/ng-table)
Code licensed under New BSD License.
This directive allow to liven your tables. It support sorting, filtering and pagination.
Header row with titles and filters automatic generated on compilation step.
## Depreciation notice
The following behaviours are depreciated and will be removed before the 1.0.0 release.
The 1.0.0 release is expected to land in 2-3 weeks.
### 1. `ngTableAfterReloadData` event will be removed
Eventing no longer uses *direct* calls $scope.$emit. Instead a strongly typed pub/sub service (`ngTableEventsChannel`) is used.
**To migrate**
*Previously:*
```js
$scope.$on('ngTableAfterReloadData', yourHandler)
```
*Now:*
```js
ngTableEventsChannel.onAfterReloadData(yourHandler, $scope)
```
### 2. `$scope` removed from `NgTableParams`
Because of 1. above, `NgTableParams` no longer requires a reference to `$scope`.
A reference to `$scope` was largely an internal requirement so there should be no code change required on your part.
### 3. `getData` signature change
The `$defer` paramater supplied to your `getData` method has been removed. Instead your `getData` method should return an array or a promise that resolves to an array.
**To migrate**
*Previously:*
```js
var tp = new NgTableParams({}, { getData: getData });
function getData($defer, params){
// snip
$defer.resolve(yourDataArray);
}
```
*Now:*
```js
var tp = new NgTableParams({}, { getData: getData });
function getData(params){
// snip
return yourDataArrayOrPromise;
}
```
### 4. `ngTableParams` renamed to `NgTableParams`
**To migrate**
*Previously:*
```js
var tp = new ngTableParams();
```
*Now:*
```js
var tp = new NgTableParams();
```
## Installing via Bower
```
bower install ng-table
```
## Development
We use Karma to ensure the quality of the code. The easiest way to run these checks is to use grunt:
```sh
npm install -g grunt-cli
npm install && bower install
grunt
```
The karma task will try to open Firefox and Chrome as browser in which to run the tests. Make sure this is available or change the configuration in `karma.conf.js`
## Configuring ng-table
For a list of configuration options available, see [Configuring your table with NgTableParams](https://github.com/esvit/ng-table/wiki/Configuring-your-table-with-ngTableParams)
## Updates
See CHANGELOG.md
## Submitting an issue
Please be responsible, the open source community is not there to guess your problem or to do your job. When submitting an issue try as much as possible to:
1. search in the already existing issues or on [stackoverflow](http://stackoverflow.com/questions/tagged/ngtable?sort=newest&pageSize=30) if your issue has not been raised before.
2. give a precise description mentionning angular version, ng-table version.
3. give a way to reproduce your issue, the best would be with a <strong>running example</strong>, you can use [plunkr](http://plnkr.co/), or [codepen](http://codepen.io/). **Tip:** See below for a list of base codepen's you can fork
4. isolate your code sample on the probable issue to avoid pollution and noise.
5. Close your issue when a solution has been found (and share it with the community)
Note that 80% of the open issues are actually not issues but "problem" due to developpers laziness or lack of investigation. These "issues" are a waste of time for us and especially if we have to setup a sample to reproduce the issue which those developpers could have done. Any open issue which does not fulfill this contract will be closed without investigation.
## Examples
* [Demo site](http://ng-table.com/)
* Codepen examples (**Tip**: fork these to create your own examples);
* [`ngTable`: inmemory list](http://codepen.io/christianacca/pen/VLqVeo?editors=101)
* [`ngTable`: server-side list](http://codepen.io/christianacca/pen/VLqqjP?editors=101)
* [`ngTableDynamic`: inmemory list](http://codepen.io/christianacca/pen/jPxgzY?editors=101)
* [`ngTableDynamic`: server-side list](http://codepen.io/christianacca/pen/JdwwrR/?editors=101)
## Compatibility
For work in IE < 9 need jQuery, just add:
```html
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<![endif]-->
```
## Plugins
* [Export to CSV](https://github.com/esvit/ng-table-export)
#### PS
Let me know if you are using **ng-table**. It will motivate me to work harder.
And if you like **ng-table**, just email me and add your website [here](http://bazalt-cms.com/ng-table/who-is-using)
Hope you like it, Thanks! :)
---
This project is part of [Bazalt CMS](http://bazalt-cms.com/).
没有合适的资源?快使用搜索试试~ 我知道了~
angular(MVC)项目搭建
共526个文件
js:172个
html:132个
php:53个
5星 · 超过95%的资源 需积分: 9 43 下载量 110 浏览量
2016-08-08
15:02:56
上传
评论 2
收藏 5.81MB RAR 举报
温馨提示
使用angularjs框架搭建的mvc单页应用项目,整个单页应用的配置, 适合初学者参考,此框架搭建属于个人所有,如有疑问的地方可以发送我邮箱wsl_ys@163.com
资源推荐
资源详情
资源评论
收起资源包目录
angular(MVC)项目搭建 (526个子文件)
DeleteNodeModules.bat 112B
blank2 2.56MB
.bowerrc 66B
CNAME 14B
bootstrap.min.css 120KB
bootstrap.min.css 106KB
social.css 43KB
style.css 34KB
matrix-style.css 32KB
style.css 31KB
style.min.css 28KB
style.min.css 25KB
bootstrap-theme.min.css 23KB
font-awesome.css 19KB
bootstrap-responsive.min.css 16KB
select2.css 14KB
uniform.css 10KB
fullcalendar.css 8KB
docs.css 5KB
ng-table.css 5KB
ng-table.min.css 4KB
matrix-login.css 4KB
datepicker.css 3KB
matrix-media.css 3KB
app.css 2KB
bootstrap-wysihtml5.css 2KB
abn_tree.css 2KB
colorpicker.css 2KB
jquery.gritter.css 2KB
tree.css 806B
angular-csp.css 364B
angular-csp.css 276B
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.editorconfig 227B
fontawesome-webfont.eot 25KB
glyphicons-halflings-regular.eot 14KB
glyphicons-halflings-regular.eot 14KB
fontawesome-webfont.eot@ 25KB
spinner.gif 2KB
throbber.gif 2KB
throbber.gif 2KB
.gitignore 66B
angular.min.js.gzip 49KB
buttons.html 33KB
buttons.html 33KB
table.html 31KB
table.html 30KB
basicform.html 26KB
basicform.html 26KB
interface.html 25KB
interface.html 25KB
widgets.html 24KB
widgets.html 24KB
dashboard.html 22KB
dashboard.html 22KB
table.html 22KB
table.html 22KB
gallery.html 15KB
gallery.html 15KB
dashboard2.html 13KB
dashboard2.html 13KB
grid.html 10KB
grid.html 10KB
glyphicons-halflings.html 9KB
maruti.html 9KB
jquery.toggle.buttons.html 9KB
alpha.html 9KB
imgbox3.html 9KB
calActiveBg.html 9KB
invoice.html 9KB
invoice.html 9KB
demo32.html 6KB
form-validation.html 6KB
form-validation.html 6KB
chart.html 5KB
chart.html 5KB
chart.html 5KB
chart.html 5KB
index.html 4KB
demo26.html 4KB
form-wizard.html 3KB
form-wizard.html 3KB
demo15.html 3KB
calendar.html 3KB
calendar.html 3KB
overview.html 3KB
angulardirective.html 3KB
chat.html 3KB
chat.html 3KB
module.template.html 2KB
directive.template.html 2KB
index.template.html 2KB
angularjs_service_directive.html 2KB
macros.html 2KB
api.template.html 1KB
overview.html 1KB
500.html 1KB
405.html 1KB
共 526 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
- 不是亚军是冠军2017-11-27当教程使用
wsl_ys
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功