无法正确返回承诺

Question

我想在我的服务中调用一个函数。问题是，选择一个有效的日期后，我必须返回一个日期。

承诺永远不会被召唤，因为我认为我以错误的方式返回。你能帮我解决我的问题吗？

这是错误：

TypeError: Cannot read property 'then' of undefined at AgendaController.abrirAgenda

agenda.controller.js

function abrirAgenda() { 
     var fechaLimite = new Date(vm.agendaComplejo.anioHoy, vm.agendaComplejo.mesHoy - 1, vm.agendaComplejo.diaHoy); 
     fechaLimite.setDate(fechaLimite.getDate() + 30); 
     var fechaSeleccionada = new Date(vm.agendaComplejo.anioSeleccionado, vm.agendaComplejo.mesSeleccionado - 1, vm.agendaComplejo.diaSeleccionado); 
     agendaService.abrirAgenda(fechaSeleccionada, fechaLimite) 
      .then(prueba); 
    } 

//prueba 
    function prueba(resultado){ 
     debugger; 
    } 

agenda.service.js

// abrir la agenda para cambiar de día/mes 
    function abrirAgenda(fechaSeleccionada, fechaLimite) { 
     debugger; 
     var ipObj1 = { 
      callback: function (val) { //Mandatory 
       var fecha = new Date(val); 
       var dia = fecha.getDate(); 
       var mes = fecha.getMonth() + 1; //Se suma 1 porque el primer mez comienza en 0 
       var anio = fecha.getFullYear(); 
       var fechaDeseada = anio + "-" + mes + "-" + dia; 
       return fechaDeseada; 
      }, 
      inputDate: fechaSeleccionada, 
      //inputDate: new Date(), 
      titleLabel: 'Seleccione una fecha', 
      setLabel: 'Aceptar', 
      todayLabel: 'Hoy', 
      closeLabel: 'Cancelar', 
      mondayFirst: true, 
      from: new Date(2016, 2, 1), 
      to: fechaLimite, 
      weeksList: ["D", "L", "M", "MIE", "J", "V", "S"], 
      monthsList: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"], 
      templateType: 'popup', 
      showTodayButton: false, 
      dateFormat: 'dd MMMM yyyy', 
      closeOnSelect: false 
     }; 
     ionicDatePicker.openDatePicker(ipObj1); 
    } 

我需要返回选定日期："fechaDeseada"。我正在尝试使用ionic datepicker。

感谢您的帮助！

Answer 1

您确定框架使用承诺吗？这些例子没有显示它。

我会尝试使用回调对象，而不是像这样：

agenda.controller.js

function abrirAgenda() { 
    //... 

    agendaService.abrirAgenda(fechaSeleccionada, fechaLimite, function(val){ 
      var fecha = new Date(val); 
      var dia = fecha.getDate(); 
      var mes = fecha.getMonth() + 1; //Se suma 1 porque el primer mez comienza en 0 
      var anio = fecha.getFullYear(); 
      var fechaDeseada = anio + "-" + mes + "-" + dia;    
      prueba(fechaDeseada) 
    }) 
} 

agenda.service.js

function abrirAgenda(fechaSeleccionada, fechaLimite, callback) { 
    debugger; 
    var ipObj1 = { 
     callback: callback, 
     //... 
    }; 
    ionicDatePicker.openDatePicker(ipObj1); 
} 

Answer 2

作为@charlietfl的建议编辑，虽然有一个acc epted回答

在您的agenda.controller.js，如果agendaService.abrirAgenda返回承诺，您应该添加一个返回语句，如下面的代码。如果agendaService.abrirAgenda不返回一个承诺，你将永远不会从你的agendaService.abrirAgenda

agenda.controller.js得到一个承诺

function abrirAgenda() { 
    var fechaLimite = new Date(vm.agendaComplejo.anioHoy, vm.agendaComplejo.mesHoy - 1, vm.agendaComplejo.diaHoy); 
    fechaLimite.setDate(fechaLimite.getDate() + 30); 
    var fechaSeleccionada = new Date(vm.agendaComplejo.anioSeleccionado, vm.agendaComplejo.mesSeleccionado - 1, vm.agendaComplejo.diaSeleccionado); 
    //RETURN here! 
    return agendaService.abrirAgenda(fechaSeleccionada, fechaLimite); 
} 

agenda.service.js

function abrirAgenda(fechaSeleccionada, fechaLimite) { 
     debugger; 
     var ipObj1 = { 
     //... 
     }; 
     return ionicDatePicker.openDatePicker(ipObj1); //if your framwork doesn't return a promise you will get the same error! 
    } 

Answer 3

要从不返回承诺的API返回承诺，请使用AngularJS $q Service：

app.service("agendaService", function($q) { 
    this.abrirAgenda = abrirAgenda; 

    function abrirAgenda(fechaSeleccionada, fechaLimite) { 
     //debugger; 
     var qFuture = $q.defer(); 
     var ipObj1 = { 
      callback: function (val) { //Mandatory 
       var fechaDeseada = anio + "-" + mes + "-" + dia; 
       //... 
       //return fechaDeseada; 
       qFuture.resolve(fechaDeseada); 
      }, 
      //... 
     }; 
     ionicDatePicker.openDatePicker(ipObj1); 
     return qFuture.promise; 
    } 
}); 

在上例中，当Ionic openDatePicker方法调用回调时，它解决了由$q.defer创建的承诺。

要使用：

agendaService.abrirAgenda(fechaSeleccionada, fechaLimite) 
    .then(prueba); 

//prueba 
function prueba(resultado){ 
    debugger; 
}; 

注：这仅适用于不返回承诺的API。服务如$http,$timeout,ngResource,AngularFire等已经退货承诺。在这些情况下，不需要制定$q.defer的承诺。派生的承诺可以简单地由Chaining Promises创建。