AngularJS新闻

新闻

<style>    table{        border-collapse: collapse;        margin-top: 20px;    }    input{        margin-top: 10px;    }    th{        border: 1px solid black;        padding: 30px;    }    td{        border: 1px solid black;        padding: 30px;    }    .pi{        border: 1px solid red;        background: red;        color: white;    }    .shan{        background: orange;        border: 1px solid orange;        color: white;    }    .top{        display: inline-block;        width: 0;        height: 0;        border: 10px solid transparent;        border-top: 10px solid red;    }    .bot{        display: inline-block;        width: 0;        height: 0;        border: 10px solid transparent;        border-bottom: 10px solid red;    }</style><div style="margin-left: 30px">    <input type="text" placeholder="输入关键字.." ng-model="search">    <button class="pi" ng-click="remov($index)">批量删除</button>    <table>        <thead>        <tr>            <th><input type="checkbox" ng-model="chk" ng-click="check(chk)"></th>            <th ng-click="paixu('bianhao')" ng-class="getClass('bianhao')">商品编号</th>            <th ng-click="paixu('name')" ng-class="getClass('name')">商品名称</th>            <th ng-click="paixu('price')" ng-class="getClass('price')">商品价格</th>            <th ng-click="paixu('kucun')" ng-class="getClass('kucun')">商品库存</th>            <th>数据操作</th>        </tr>        </thead>        <tbody>        <tr ng-repeat="item in items|filter:search|orderBy:orderName:order">            <td><input type="checkbox" ng-model="chk" ng-click="check(chk)"></td>            <td>{{item.bianhao}}</td>            <td>{{item.name}}</td>            <td>{{item.price|currency:"￥:"}}</td>            <td>{{item.kucun}}</td>            <td><button class="shan" ng-click="shanchu($index)">删除</button></td>        </tr>        </tbody>    </table></div>