2017-09-26 53 views
0

我動態添加MD-日期選擇器的出生日期下面的代碼,以形成由:動態NG-型號爲MD-日期選擇

$scope.infData = []; 
      $scope.addInf = function() { 
      if ($scope.infData.length < 4) { 
      $scope.infData.push({}); 
      } 
     }; 

和我的HTML是象下面這樣:

<div class="col-xs-7 col-md-3" 
ng-repeat="d in infData | limitTo: 4" 
ng-value="d.value" 
ng-class="{'md-align-top-left': $index==1}"> 
<md-input-container flex> 
<label>infant D.O.B</label> 
<md-datepicker 
onkeydown="return false" 
name="myDate{{$index}}" 
ng-model="inf[$index==1].date" 
md-hide-icons="all" 
ng-required="true" 
md-current-view="year" 
md-min-date="ctrl.minDate" 
md-max-date="ctrl.maxDate" 
md-open-on-focus="true" 
ng-messages> 
</md-datepicker> 

並且它們被限制爲4。我的目標是獲取日期的vlaue下面,我沒有成功地正常日期選擇:

if ($scope.inf.dateString = moment($scope.inf.date).format("YYYY-MM-DD")) { 
    $scope.list.push(this.inf.dateString); 
現在

我的問題是: 1)我怎麼能ASING值這個日期選擇器就在$指數= 1(不顯示值,如果這個日期選擇器不推動)? 2)價值始終如今天(任何選擇日期)的最大日期? 3)我確定我的ng-model=inf[$index==1].date是錯的,但我怎麼能使它動態? 4)如何提交後重置價值$scope.inf = ""; & $scope.inf = {};不工作和價值呆在那裏

任何想法和幫助將拯救我的一天。 PS: 我讀書最多的stackover問題的約angularjs ng-model inside nested ng-repeat但其中不適合我

回答

0

不能真正已瞭解該問題的工作,但也許你想這樣的:

$scope.addInf = function(index) { 
    if ($scope.infData.length < 4) { 
     $scope.infData.push({ 
     date: (index == 1 ? 'Some value you want' : '') 
     }); 
    } 
}; 

更改日期選擇器HTML

ng-model="d.date" 

而且你的添加按鈕HTML

<button ng-if="$last" ng-click="addInf($index)">myBtn</button> 

假設按鈕位於重複格內