2016-12-15 3 views
4

У меня возникли проблемы с использованием механизма выбора даты в угловом материале версии 1.1.1, если я перехожу к угловому материалу 1.1.0, календарь работает, как я надел код: http://codepen.io/lhrossi/pen/eBQLoyУгловой материал Выбор даты С пустым календарем

вот мой HTML:

<md-content md-theme="infocargas" layout-padding> 
    <form name="newDeliveryForm"> 
     <div layout-gt-xs="row"> 
      <md-input-container class="md-block" flex-gt-xs> 
       <label>Operador Logístico (Bloqueado)</label> 
       <input ng-model="company" disabled /> 
      </md-input-container> 
     </div> 

     <div layout-gt-sm="row"> 

      <md-input-container flex-gt-sm> 
       <label>Digite CTe</label> 
       <input ng-model="delivery.cte" /> 
      </md-input-container> 

     </div> 

     <div layout-gt-sm="row"> 

      <md-input-container flex-gt-sm> 
       <label>Entrega Para</label> 
       <!--<md-datepicker ng-model="myDate"></md-datepicker>--> 
       <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 

      </md-input-container> 

     </div> 
     <md-button class="md-raised md-primary">Gerar Código</md-button> 

    </form> 

</md-content> 

Это ошибка, или есть другой думает, что делать? Я боюсь изменить материальную версию, чтобы не перепутать другие вещи в системе.

Я ценю любую помощь.

+1

Я только что выяснил, что эта проблема возникает, когда угловая информация обновлена ​​до версии 1.6.0 –

+0

@ Лузи Росси, я понимаю вашу точку зрения, но не могли бы вы отметить ответ как принятый? Это действительно решает вашу проблему ... – Vi100

ответ

5

Угловой 1.6 вводит некоторые оптимизации в компилятор, которые нарушают функциональность datepicker (они перечислены как нарушение изменений в Angular changelog).

Хотя команда «Угловой материал» не выпускает новую версию патча (которая может быть через год или два ...), она не будет работать, но вы можете отключить некоторые угловые оптимизации, чтобы вернуться к предыдущей как описано in this issue on the Material repo.

angular.module('myApp', []).config(function($compileProvider) { 
    $compileProvider.preAssignBindingsEnabled(true); 
}); 

В основном, что вы здесь делаете, это конфигурирование $ compileProvider для работы, как обычно. Если вы этого не сделаете, ожидается, что код инициализации компонентов будет находиться на обратном вызове $ onInit(), как указано in this breaking change on Angular's changelog

+1

Спасибо за ваш ответ! Я предпочитаю использовать не последнюю версию углового материала и отлично подходит для меня, поэтому я запустил весь проект в этой версии 1.1.0. –

+1

Это работает идеально для меня! Спасибо. Только что отредактировал мой app.config и md-datepicker. – Michael

+0

May, u rock, также работает для меня –

Смежные вопросы