2016-12-15 96 views
1

我已經把md-datepicker放入md-table md-cell。由於我的佈局的東西我的日期選擇器內容不能正確呈現。Angularjs-Material md-datepicker呈現不正確

我的控制器邏輯:

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

我的觀點:

<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> 

當我打開日期選擇器,該容器是空的。截圖附上。

md-datepicker render problem 非常感謝您的幫助。

更新#1

我已經把MD-日期選擇在體內,它仍然無法正常工作(工作方式相同)。

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

AppCtrl:

$scope.test = new Date(); 

我認爲這可能是一個依賴問題 - 瞬間或別的東西。

更新#2 我已經能夠創建一個plunkr複製該問題。 https://plnkr.co/edit/4YBK4Eb8LVNeQbH5wIac

+0

剛剛發現......當我向下滾動時,一段時間後出現日期。 –

回答

0

我注意到你的NG-模型authperson.datestart,但你的範圍變量authPerson.dateStart 我認爲這是區分大小寫的,所以它與空數據填充模型。

+0

謝謝...我的壞,錯誤地複製...我糾正了我的問題。 –

0

從角材質版本1.1.1恢復到版本1.1.0爲我解決了它。我使用角度版本1.6.1