2016-12-15 6 views
1

Ich habe einen md-datepicker in eine md-table md-cell geschrieben. Wegen etwas mit meinem Layout wird mein Datepicker-Inhalt nicht richtig gerendert.Angularjs-Material md-datepicker rendert nicht korrekt

Mein Controller-Logik:

app.controller("testCtrl", function(){ 
    $scope.authPerson = {}; 
    $scope.authPerson.dateStart = new Date(); 
    $scope.authPerson.dateEnd = new Date(); 
}); 

Meine Ansicht:

<md-card> 
    <md-card-content> 
    <md-table-container> 
     <table md-table> 
     <tr md-row> 
      <td md-cell> 
      <md-datepicker ng-model="authPerson.dateStart"></md-datepicker>    
      </td> 
     </tr> 
     </table> 
    </md-table-container> 
    </md-card-content> 
</md-card> 

Wenn ich den Datepicker öffnen, wird der Behälter leer ist. Screenshot ist beigefügt.

md-datepicker render problem Vielen Dank im Voraus für Ihre Hilfe.

Update # 1

ich die md-Datepicker in Körper gesetzt haben und es immer noch nicht funktioniert (funktioniert auf die gleiche Art und Weise).

<body ng-cloak layout="row" ng-controller="AppCtrl"> 
    <md-datepicker ng-model="test" ng-disabled="false"></md-datepicker> 
</body> 

AppCtrl:

$scope.test = new Date(); 

denke ich, könnte dies ein Abhängigkeitsproblem sein - Moment oder etwas anderes.

Update # 2 Ich konnte eine Plunkr erstellen, die das Problem repliziert. https://plnkr.co/edit/4YBK4Eb8LVNeQbH5wIac

+0

Gerade herausgefunden ... wenn ich nach unten scrolle, erscheinen nach einiger Zeit die Daten. –

Antwort

0

ich feststellen, dass Ihr ng-Modell authperson.datestart ist, aber Ihr Umfang variabel ist authPerson.dateStart Ich denke, es Groß- und Kleinschreibung ist, so ist es das Modell mit leeren Daten füllt.

+0

danke ... mein schlechtes, falsch kopiert ... ich korrigierte meine Frage. –

0

Ich fand heraus, dass es ein Fehler in scharfkantigem Material Github berichtet ist https://github.com/angular/material/issues/10070

Dieser Fehler tritt auf, wenn AngularJS 1.6.0 und scharfkantiges Material 1.1.0

mit Going to AngularJS 1.5.9 zurückzukehren, bis Die Reparatur.

0

Die Umstellung von der eckigen Version 1.1.1 auf Version 1.1.0 hat es für mich gelöst. Ich benutze eckige Version 1.6.1