angular与datatables 的结合（二）

最新推荐文章于 2024-08-10 08:43:33 发布

登辉

最新推荐文章于 2024-08-10 08:43:33 发布

阅读量1.3w

点赞数

分类专栏： web开发 jquery angularjs 文章标签： angular datatables web前端

本文链接：https://blog.csdn.net/hanxiao358544923/article/details/44834131

版权

本文详细介绍了如何在Angular项目中集成DataTables，分别从HTML部分和AngularJS部分进行阐述，展示了具体的实现步骤和最终的显示效果，帮助开发者实现前端数据展示的高效和美观。

摘要由CSDN通过智能技术生成

angular与datatable

html 部分

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bower_components/datatables/media/css/jquery.dataTables.min.css">
</head>
<body ng-app ="myModule">
<div ng-controller="AngularWayChangeDataCtrl as showCase">
    <form class="form-inline" ng-submit="showCase.addPerson()">
        <table datatable="ng" dt-options="showCase.dtOptions" dt-column-defs="showCase.dtColumnDefs" class="row-border hover">
            <thead>
            <tr>
                <th>
                    <div class="form-group">
                        <label>
                            <input class="form-control" type="number" name="id" ng-model="showCase.person