İonic Tecrübesi olanlar bakar mısınız. ?

Tekrar Merhabalar. Aşağıdaki gibi kodu eklediğimde çalışmıyor. Sebebi ne olabilir bakabilir misiniz. ? Üstteki html den altaki iframe açmaya çalışıyorum. Kaç gündür bakıyorum. İşin içinden çıkamadım. Çevremde anlayan da yok. {{code}} ve {{number}} tekli kullnırsam sayfada gösterebiliyorum. iframe içerisinde sıkıntı çıkıyor.

    .state('app.italian_opening', {
    url: '/italian_opening',
    views: {
      'menuContent': {
        templateUrl: 'templates/italian_opening.html',
        controller: 'italianCtrl'
      }
    }
  })
  .state('app.italian_opening_list', {
    url: '/italian_opening_list/:code/:number',
    views: {
      'menuContent': {
        templateUrl: 'templates/trapDetay.html',
        controller: 'italianTuzakCtrl'
      }
    }
  })

.controller('italianCtrl', function($scope) {
  $scope.italianTuzakListe = [
    { name: 'Trap 1',code: 'jmwacomo',number: '216'},
    { name: 'Trap 2',code: '6j8q5xuk',number: '234'} 
  ];
})
.controller('italianTuzakCtrl', function($scope,$stateParams) {
  
  $scope.code = $stateParams.code;
  $scope.number = $stateParams.number;

})

<ion-view view-title="İtalian Opening">
  <ion-content>
 
      <ion-item ng-repeat="tekilTuzak in italianTuzakListe" href="#/app/italian_opening_list/{{tekilTuzak.code}}/{{tekilTuzak.number}}">
        {{tekilTuzak.name}}    {{tekilTuzak.code}}   
      </ion-item>
 
  </ion-content>
</ion-view>

<ion-view view-title="Trap Detay">
  <ion-content>
     
      
     <iframe width="100%" height="605" 
     ng-src="http://chessmicrobase.com/microbases/10/games/{{number}}?token={{code}}&embedded=1#hp-" frameborder="0"></iframe>
    
    <!-- <iframe width="500" height="605" src="http://chessmicrobase.com/microbases/10/games/216?token=jmwacomo&embedded=1#hp-" frameborder="0"></iframe>
    <iframe width="500" height="605" src="http://chessmicrobase.com/microbases/10/games/234?token=6j8q5xuk&embedded=1#hp-" frameborder="0"></iframe>
     -->
  </ion-content>
</ion-view>

hocam

.state('app.italian_opening_list', {
  url: '/italian_opening_list',
  views: {
    'menuContent': {
      templateUrl: 'templates/trapDetay.html',
      controller: 'italianTuzakCtrl'
    },
params:{
code : null,
number : null
}
  }
})

şeklinde deneyin yahut

.state('app.italian_opening_list', {
  url: '/italian_opening_list/:code&number',
  views: {
    'menuContent': {
      templateUrl: 'templates/trapDetay.html',
      controller: 'italianTuzakCtrl'
    }
  }
})

bu da oluyor deniliyor ancak ben birincisi ile çalıştım hep
ikincisi href yerine

ui-sref="app.italian_opening_list({code : tekilTuzak.code,number:tekilTuzak.number})"

şeklinde kullanın

Cevap için öncelikle teşekkür etmek istiyorum. Allah razı olsun. Son kısmı nereye yazacağımı anlayamadım hocam.

ui-sref="app.italian_opening_list({code : tekilTuzak.code,number:tekilTuzak.number})"

   <ion-item ng-repeat="tekilTuzak in italianTuzakListe" href="#/app/italian_opening_list/{{tekilTuzak.code}}/{{tekilTuzak.number}}">
        {{tekilTuzak.name}}    {{tekilTuzak.code}}  
      </ion-item>

yerine

   <ion-item ng-repeat="tekilTuzak in italianTuzakListe" ui-sref="app.italian_opening_list({code : tekilTuzak.code,number:tekilTuzak.number})">
        {{tekilTuzak.name}}    {{tekilTuzak.code}}  
      </ion-item>

yapın hocam yani href tagı vermektense ui-sref verin