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>