路由界面

第二个表格界面

<input type="text" ng-model="search"><button ng-click="deleteall()">批量删除</button><table>    <thead>        <th><input type="checkbox" ng-click="checkall()"></th>        <th ng-click="sortFun('id')" ng-class="class1('id')">商品编号</th>        <th ng-click="sortFun('name')" ng-class="class1('name')">商品名称</th>        <th ng-click="sortFun('price')" ng-class="class1('price')">商品价格</th>        <th ng-click="sortFun('num')" ng-class="class1('num')">商品库存</th>        <td>商品小计</td>        <th>商品操作</th>    </thead>    <tbody>        <tr ng-repeat="item in date|filter:search|orderBy:sort:reve">            <td><input type="checkbox" ng-model="item.check"></td>            <td>{{item.id}}</td>            <td>{{item.name}}</td>            <td>{{item.price|currency:'￥'}}</td>            <td>{{item.num}}</td>            <td>{{item.price*item.num}}</td>            <td><button ng-click="delete($index)">删除</button><button ng-click="addbuy(item.id)">添加购物车</button></td>        </tr>    </tbody></table><h2>我的购物车</h2><table>    <thead>        <th>商品编号</th>        <th>商品名称</th>        <th>商品价格</th>        <th>商品数量</th>        <th>商品小计</th>        <th>商品操作</th>    </thead>    <tbody>        <tr ng-repeat="item in arr">            <td>{{item.id}}</td>            <td>{{item.name}}</td>            <td>{{item.price}}</td>            <td><button ng-click="add1($index)">+</button>{{item.num}}<button ng-click="jian1($index)">-</button></td>            <td>{{item.price*item.num}}</td>            <td><button ng-click="buycardel($index)">删除</button></td>        </tr>        <tr>            <td><button ng-click="allmoney()">计算总金额</button></td>            <td>{{money}}</td>        </tr>    </tbody></table>

第一个home界面

<h1>首页</h1><ul>    <li class="bo" ng-repeat="item in data">        <p>{{item.title}}</p>        <img ng-src="{{item.img}}">    </li></ul>

第三个天气界面

<input type="text" ng-model="city"><button ng-click="ask()">点击查询</button><ul>    <li>城市:  {{cityname}}</li>    <li>天气:  {{cityweather}}</li>    <li>温度:  {{citywendu}}</li></ul>
第五个日程界面

<input type="text" ng-model="newaction"><button ng-click="addricheng()">添加日程</button><table>    <thead>        <th>序号</th>        <th>日程</th>        <th>完成情况</th>    </thead>    <tbody>        <tr ng-repeat="item in arr">            <div ng-hide="item.done">                <td>{{$index+1}}</td>                <td>{{item.action}}</td>                <td><input type="checkbox" ng-model="item.done" ng-click="del1($index)"></td>            </div>        </tr>    </tbody></table><div>    <h2>已完成项目</h2>    <table>        <thead>        <th>序号</th>        <th>日程</th>        <th>完成情况</th>        </thead>        <tbody>        <tr ng-repeat="item in dones">            <td>{{$index+1}}</td>            <td>{{item.action}}</td>            <td><input type="checkbox" ng-model="item.done"></td>        </tr>        </tbody>    </table></div>
three四猜大小界面

<input type="text" ng-model="guess"><button ng-click="cheke()">检查</button><button ng-click="again()">再来一次</button><div>    <p ng-show="differ>0">猜大了</p>    <p ng-show="differ<0">猜小了</p>    <p ng-show="differ==0">猜对了</p></div><p>您猜了{{num}}次</p>