离子中的上升和下降

时间:2016-03-21 10:25:18

标签: php ionic-framework

我在离子方面有问题。

所以,当我在" A-Z"中选择选择列表时,意味着提升。

enter image description here

当我点击按钮时,它应该转到另一个显示我的列表的状态。

enter image description here

如果选择A-Z,那么"目标五人制足球"应该是1号吧? 我怎样才能做到这一点?我的代码有什么问题。请帮忙。 谢谢。

这是我在代码中使用的控制器。

.controller('cariCtrl',function($scope,$http,$state,Cari){
   $scope.cari = function(input){
   Cari.setDaerah(input.daerah);
   Cari.setNama(input.nama);
   Cari.setUrut(input.urut);
   $state.go('back.list');
  }
})
  .controller('listCtrl',function($scope,$http,$state,$ionicHistory,Cari){
  $scope.user = [];
  $scope.lapangan = [];

  $scope.goBack = function(){
      $state.go('menu.cari', {}, {
          reload: true
      });
  }
  $http({
      method: 'POST',
      data:{
          daerah: Cari.getDaerah(),
          nama: Cari.getNama(),
          urut: Cari.getUrut()
      },
      url: "http://localhost/TA2/admin/app/getSearchLapangan.php"
  }).success(function(data){
      $scope.lapangan = data;
  }).error(function(data, status,headers,config) {
      alert(status);
      alert(headers);
  }); 
})

在app.js中,我添加了这个:

.factory('Cari', function(){
   var data = {
   daerah: '',
   nama: '',
   urut: ''
 };
 return {
    getDaerah: function(){
    return data.daerah;
   },
    setDaerah: function(pdaerah){
    data.daerah = pdaerah;
   },
    getNama: function(){
    return data.nama;
   },
    setNama: function(pnama){
    data.nama = pnama;
   },
    getUrut: function(){
    return data.nama;
   },
     setUrut: function(purut){
     data.urut = purut;
    }
   };
 })

sql查询是这样的:

$daerah = $objData->daerah;
$nama = $objData->nama;
$urut = $objData->urut;
$SQL = "";
if ($urut == 0) {
   $SQL = "SELECT L.*, (SELECT path FROM gambar G WHERE G.id_lapangan = L.id_lapangan LIMIT 1) as path from lapangan L WHERE daerah LIKE '" . $daerah . "%' AND nama LIKE '" . $nama . "%' ORDER BY nama ASC;";
} else {
   $SQL = "SELECT L.*, (SELECT path FROM gambar G WHERE G.id_lapangan = L.id_lapangan LIMIT 1) as path from lapangan L WHERE daerah LIKE '" . $daerah . "%' AND nama LIKE '" . $nama . "%' ORDER BY nama DESC;";
}

$result = mysql_query($SQL, $link);
$array = array();
$counter = 0;
while ($row = mysql_fetch_array($result)) {
  $array[$counter] = $row;
  $counter++;
}
echo json_encode($array);

以下是我的观点:

<label class="item item-select">
<select style="right: auto;" ng-model="input.urut">
   <option value="">Silahkan Pilih Urutan</option>
   <option value="0">A-Z</option>
   <option value="1">Z-A</option>
</select>
</label>
<button class="button button-block button-positive" ng-click="cari(input)">Cari</button>
顺便说一句,我用的是php。请帮帮我。

1 个答案:

答案 0 :(得分:0)

您可以在 Ionic

中设置 Ascending Descending 订单列表
<label class="item item-select">
     <select ng-model="input.urut" ng-change="onChange(input.urut)">
       <option value="">Silahkan Pilih Urutan</option>
       <option value="0">A-Z</option>
       <option value="1">Z-A</option>
     </select>
</label>
<div class="list">
    <a ng-repeat="item in items | orderBy : 'album' : flag" href="#" class="item item-thumbnail-left">
        <h2>{{ item.album }}</h2>
        <h4>{{ item.artist }}</h4>
    </a>
</div>

并添加您的控制器

$scope.flag = false;
$scope.onChange = function(urut){
    if(urut == 0){
       $scope.flag = false;
    }else{
        $scope.flag = true;
     }
}

<强> Updated Example