2016-12-15 11 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

Angular 1.6では、datepickerの機能を無効にするいくつかの最適化がコンパイラに導入されています(Angular changelogに大きな変更として記載されています)。

Angular Materialチームは新しいパッチバージョンをリリースしていませんが(1年または2年...)、動作しませんが、一部の角度最適化を無効にして前の挙動は、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

5月、ロック、私のためにも働く –

関連する問題