1. 程式人生 > >angularJS增刪改查敏感字

angularJS增刪改查敏感字

       if($scope.shang[i].state == true) {
        $scope.shang.
        
        i--;
       }
      }
     }
    }
   //判斷日期 
    $scope.valu = function(m){
    
    var mm = m.getMonth() +1;
    
    var start = $scope.ks;
    var end = $scope.js;
    
    if(start==undefined ||start==""){
     
     start=1;
     
    }
    if(end == undefined || end == ""){
     
     end=12;
     
     
    }
    if(mm >= start && mm <=end){
     
     return true;
     
    }else{
     return false;
   
    }
     
    }
   })
  </script>
 </head>
 <body ng-app="myapp" ng-controller="mycon">
  
   <input type="text" placeholder="使用者名稱搜尋" ng-model="mohu"/>
   <input type="text" placeholder="手機號搜尋" ng-model="shou"/>
   <select ng-model="cheng" >
    <option value="">選擇城市</option>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="遼寧">遼寧</option>
    <option value="深圳">深圳</option>
   </select>
   <select ng-model="zta">
    <option value="">選擇狀態</option>
    <option value="已發貨">已發貨</option>
    <option value="未發貨">未發貨</option>
   </select>
   <select ng-model="ks"><option value="">開始時間</option><option ng-repeat="a in arr">{{a}}</option></select>
   <select ng-model="js"><option value="">結束時間</option><option ng-repeat="a in arr">{{a}}</option></select>
   <select ng-model="pai">
    <option value="">ID排序</option>
    <option value="id">正序排序</option>
    <option value="-id">倒序排序</option>
   </select><br /><br>
   <button class="an1" ng-click="jia=true">新增訂單</button>
   <button class="an2">批量發貨</button>
   <button class="an3" ng-click="pisan()">批量刪除</button>敏感字:米(商品名)->替換*<br><br>
   
  <table cellpadding="15" cellspacing="0" border="1">
   <thead>
    <tr bgcolor="darkgray">
     <th><input type="checkbox" ng-model="quan" ng-click="xuan()"></th>
     <th>ID</th>
     <th>商品名</th>
     <th>使用者名稱</th>
     <th>手機號</th>
     <th>價格</th>
     <th>城市</td>
     <th>下單時間</th>
     <th>狀態</th>
     <th>操作</th>
    </tr>
   </thead>
   
   <tbody>                                                                                                                                           
    <tr ng-repeat="diao in shang | filter:{name:mohu}|filter:{shouji:shou}|filter:{chengshi:cheng} | orderBy:pai | filter:{tai:zta}" ng-show="valu(diao.xiadan)" align="center">
     <td><input type="checkbox" ng-model="diao.state"></td>
     <td ng-if="">{{$index}}</td>
     <td>{{diao.id}}</td>
     <td>{{diao.usname}}</td>
     <td>{{diao.name}}</td>
     <td>{{diao.shouji}}</td>
     <td>{{diao.jiage | currency:'¥'}}</td>
     <td>{{diao.chengshi}}</td>
     <td>{{diao.xiadan | date:"MM-dd hh:mm"}}</td>
     <td>
      <span ng-if="diao.tai=='已發貨'">已發貨</span>
      <span ng-if="diao.tai=='未發貨'">
       <a href="#" ng-click="diao.tai='已發貨'">未發貨</a>
      </span>
     </td>
     <td><button>修改</button> <button ng-click="sanchu($index)">刪除</button></td>
    </tr>
   </tbody>
  </table>
 <p ng-show="jia">
  ID:<input type="text" ng-model="x_id"/><br>
  商品名:<input type="text" ng-model="x_usname"/><br />
  使用者名稱:<input type="text" ng-model="x_name"/><br />
  手機號:<input type="text" ng-model="x_shouji"/><br />
  價格:<input type="text" ng-model="x_jiage"/><br />
  城市:<input type="text" ng-model="x_chengshi"/><br />
  
  <button ng-click="tianjia()">OK</button>
 </p>
 </body>
</html>