title: How to redirect to new screen for each dynamic grid view content?
body: <p>I have one grid view, and i am showing data from my database. So like say, if I have 6 titles.Then my grid view will be 6 (boxes ). Whenever I press each grid view title [ box ]. I need to redirect to separate 6 screen. How to do that?</p>
  
  <p>So if I press my first title in my grid view. That is <code>Orders</code> I need to redirect to <code>order.html</code>, and if I press <code>Delivery</code> I need to redirect them to <code>Delivery.html</code>. How to do that?</p>
  
  <p>Is that any way to check with id or name 0r any idea.</p>
  
  <p>Updated :</p>
  
  <pre><code>   .controller('MydashCtrl', function($scope, $state, $window) {
  
    $scope.Data = [{
      "id"   :  "1",
      "name" : "Orders",
      "Image" : "http://img.21food.com/20110609/product/1306576307495.jpg"
    },{
      "id"   :  "2",
      "name" : "Delivery",
      "Image" : "https://www.wildflavors.com/NA-EN/assets/Image/bakery.png"
    },{
      "id"   :  "3",
      "name" : "Collections",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "4",
      "name" : "Payments",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "5",
      "name" : "Purchase",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "6",
      "name" : "Re-Orders",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    }]
  
     $scope.changestate= function(name) { 
  
       if(name="Orders"){
        $state.go('reorder', { details : JSON.stringify(name) });
        }else if(name="Delivery"){
       $state.go('dashboarddetail', { details : JSON.stringify(name) });
        }
  
  
    }
  
  
  
  })
  </code></pre>
  
  <p><strong>My Html code :</strong></p>
  
  <p></p>
  
  <pre><code>    &lt;div class="item item-body no-padding scroll" style="border-width: 0px !important;"&gt;
  
          &lt;div class="row no-padding" ng-repeat="mydash in Data"  ng-if="$index % 2 === 0"&gt;
  
              &lt;div class="col col-50 custom-design2" style="background: url({{Data[$index].Image}}) no-repeat center;background-size: cover; " ng-click="changestate(Data[$index].name)" ng-if="$index &lt; Data.length"&gt;
                  &lt;div class="custom-design1"&gt;&lt;span class="grid-title"&gt;{{Data[$index].name}}&lt;/span&gt;&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="col col-50 custom-design2" style="background: url({{Data[$index + 1].Image}}) no-repeat center;background-size: cover; " ng-click="changestate(Data[$index + 1].name)" ng-if="$index + 1 &lt; Data.length"&gt;
                  &lt;div class="custom-design1"&gt;&lt;span class="grid-title"&gt;{{Data[$index + 1].name}}&lt;/span&gt;&lt;/div&gt;
              &lt;/div&gt;
  
  
          &lt;/div&gt;
  
  
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Okay its redirecting . but now in my redirecting screen. the content name .Title is not showing ??</p>
  
  <p><strong>Here my code of one redirect screen for my order title :</strong></p>
  
  <p>My screen html code :</p>
  
  <pre><code>&lt;ion-view cache-view="false" title= {{singleDetail.name}} hide-nav-bar="false" class=" "&gt;
  </code></pre>
  
  <p>Controller code for this html :</p>
  
  <pre><code>.controller('reorderCtrl', function($scope, $state, $window, $ionicPopup, $stateParams, $ionicLoading, $timeout, $ionicHistory){
    $scope.singleDetail = JSON.parse($stateParams.details);
  
  
  })
  </code></pre>
  
  <p>May be this is becasuse of my home grid view controller or not ?</p>
  
  <pre><code>.controller('MydashCtrl', function($scope, $state, $window) {
  
    $scope.Data = [{
      "id"   :  "1",
      "name" : "Orders",
      "Image" : "http://img.21food.com/20110609/product/1306576307495.jpg"
    },{
      "id"   :  "2",
      "name" : "Delivery",
      "Image" : "https://www.wildflavors.com/NA-EN/assets/Image/bakery.png"
    },{
      "id"   :  "3",
      "name" : "Collections",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "4",
      "name" : "Payments",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "5",
      "name" : "Purchase",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    },
    {
      "id"   :  "6",
      "name" : "Re-Orders",
      "Image" : "http://royalnutrimakmur.com/img/productImg02.jpg"
    }]
  
     $scope.changestate= function(name) { 
  
       if(name=="Orders"){
        $state.go('dashboarddetail', { details : JSON.stringify(name) });
        }else if(name=="Re-Orders"){
       $state.go('reorder', { details : JSON.stringify(name) });
        }
  
  
    }
  
  
  
  })
  </code></pre>