Question

我试图制作一个Master-Detail模块，但是没有工作。当我点击应该转到详细信息页面的链接时，没有任何反应，并且在控制台中没有显示任何错误。我正在研究由Ionic Creator创建的模板。

这些是我的控制者：

 .controller('administraciNCtrl', ['$scope', '$stateParams','obtenerPerfiles', function ($scope, $stateParams,obtenerPerfiles) {

    var initView = function(){
        $scope.perfiles = obtenerPerfiles.query();
        //console.log('Scope es:',$scope);
    }

    $scope.$on('$ionicView.loaded',function(){
        initView();
    });
}])
    .controller('profesionalDetailCtrl', function ($scope, perfil) {
 var initView = function(perfil){
        $scope.perfil = perfil;
        //console.log('Scope es:',$scope);
    }

    $scope.$on('$ionicView.loaded',function(){
        initView();
    });

})

这是工厂：

.factory('obtenerPerfiles', function($resource){
    var getProfile = {};

    getProfile.getPerfil = function(nombrePerfil){
       /*I will use nombrePerfil later, first I wanna test it works*/
        var datos;
        datos = {"nombre": "yuyu","direccion":"carrera 11","perfil":"Administradorcita"};
        return datos;
    };

    return $resource('bd/administracion.json', {}, { query: {method:'GET', isArray:true}}); 
});

这是州：

 .state('cONSTRYELO2.administraciN', {
    url: '/page7',
    views: {
      'side-menu21': {
        templateUrl: 'templates/administraciN.html',
        controller: 'administraciNCtrl'
      }
    }
  })

  .state('cONSTRYELO2.profesionalDetail', {
    url: '/perfilDetalle/:nombrePerfil',
    views: {
      'side-menu21': {
        templateUrl: 'templates/profesionalDetail.html',
        controller: 'profesionalDetailCtrl',
        resolve:{
            perfil: function($stateParams,obtenerPerfiles){
               return obtenerPerfiles.getPerfil($stateParams.nombrePerfil);
            }
        }
      }
    }
  })

最后这是HTML：

  <ion-item class="item-icon-left item-icon-right" id="administraciN-list-item47" ui-sref="cONSTRYELO2.profesionalDetail({nombrePerfil:'{{perfil.nombre}}'})">
        <i class="icon ion-android-globe"></i>3km
        <span class="item-note">Ver más</span>
        <i class="icon ion-android-add-circle"></i>
  </ion-item>

离子 - 角度列表细节链接

0 个答案: