angularjs - que - input type date angular 5

Extraño error de dependencia del selector de fecha ui angular

Question

Simplemente reinstalé algunos componentes Bower pero los componentes en cuestión aquí no se actualizaron, el mismo 0.12.0 ui.bootstrap . También usa ui-router 0.2.13 para cambiar el estado a otra página.

El mensaje de error impar es

Error: [$compile:ctreq] Controller ''datepicker'', required by directive ''daypicker'', can''t be found!

Pero cuando miro el archivo ui-bootstrap-tpls.js, el controlador del selector de fecha se define directamente sobre el selector de fecha y se debe seleccionar.

¿Podría ser esto debido a un nombre de clase errante en conflicto del datepicker o algo así?

Sé que esto no es mucho para continuar, pero se actualizará ya que tengo tiempo para agregar código. Parece que puede haber un datepicker conflicto en algún lugar. Solo sucede en stateChange de una página a otra. Un flujo completo de usar el selector de fechas funciona bien hasta esta última página. ¿Cómo puede perderse la dependencia de un controlador si está en el mismo archivo?

Ante la posibilidad de que alguien haya visto esto antes, agradecería cualquier orientación.

ACTUALIZACIÓN el 23 de abril de 15: estaba usando un diálogo modal con un formulario que enviaría al usuario a otra página con un clic en Aceptar.

Answer 1

Debe actualizar su ui.bootstrap.0.12.0.js a ui-bootstrap-tpls-0.13.3.js

Answer 2

Tuve este error al actualizar a ui.bootstrap 0.14.x.

Había sobrescrito las plantillas en módulos propios que causaron los problemas:

    angular.module("template/datepicker/datepicker.html", []).run(["$templateCache", function ($templateCache) {
    $templateCache.put("template/datepicker/datepicker.html",
      "<div ng-switch=/"datepickerMode/" role=/"application/" ng-keydown=/"keydown($event)/">/n" +
      "  <daypicker ng-switch-when=/"day/" tabindex=/"0/"></daypicker>/n" +
      "  <monthpicker ng-switch-when=/"month/" tabindex=/"0/"></monthpicker>/n" +
      "  <yearpicker ng-switch-when=/"year/" tabindex=/"0/"></yearpicker>/n" +
      "</div>");
    }]);

Después de quitar los módulos volvió a funcionar.

Originalmente había cambiado las plantillas para usar iconos de fuentes impresionantes en lugar de glifos. Ahora anulo la clase css de glyphicon para cambiar a iconos de fuente impresionante:

.glyphicon {
    font: normal normal normal 14px/1 ourIconFont;
}
.glyphicon-arrow-right:before,
.glyphicon-chevron-right:before {
    content: "/f054";
}
.glyphicon-arrow-left:before,
.glyphicon-chevron-left:before {
    content: "/f053";
}

Answer 3

Tuvimos el mismo problema, nuestra solución fue que después de actualizar a uib 0.14 teníamos una plantilla personalizada para datepicker y teníamos que agregar los prefijos uib a las directivas secundarias dentro del selector de fecha (día, mes año). p.ej

<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)">
  <daypicker ng-switch-when="day" tabindex="0"></daypicker>
  <monthpicker ng-switch-when="month" tabindex="0"></monthpicker>
  <yearpicker ng-switch-when="year" tabindex="0"></yearpicker>
</div>

Cambiado a

<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)">
  <uib-daypicker ng-switch-when="day" tabindex="0"></uib-daypicker>
  <uib-monthpicker ng-switch-when="month" tabindex="0"></uib-monthpicker>
  <uib-yearpicker ng-switch-when="year" tabindex="0"></uib-yearpicker>
</div>