ng-repeat中的常用ng模型值

时间:2018-04-12 06:10:28

标签: angularjs angularjs-ng-repeat

我使用ng-repeat以下列方式列出div,并包含已分配的表单模板。我有几个表单模板,并希望以下列方式包含。他们可以使用嵌套的ng-repeat来包含相同的模板。所以我在我的模板中使用“trackerWidgetData”变量。它的工作正常,但内部ng-repeat有不同的变量(dependWidgetData)。

如何使用表单模板的通用模型值。如果我们将它包含在嵌套的ng-repeat中。

    <div class="listview-trckr-new clearfix" ng-repeat="trackerWidgetData in optionsList.inlineTemplates | filter:options.trackerSearchClient track by $index">
      <div class="listview-trckr-new-top">
        <div class="listview-trckr-new-left clearfix">
          <h3>{{trackerWidgetData.trackerName}}</h3>      
        </div>      
        <div class="listview-trckr-new-right">    
          <div ng-if="trackerWidgetData.template" ng-include src="'/public/views/tracker-templates/'+trackerWidgetData.template"></div>   
        </div>  
      </div>

      <div class="listview-trckr-new-btm" ng-if="trackerWidgetData.dependendTrackers && trackerWidgetData.dependendTrackers.length">
        <div class="listview-trckr-new-top" ng-repeat="dependWidgetData in trackerWidgetData.dependendTrackers">
          <div class="listview-trckr-new-left clearfix">
            <h3>{{dependWidgetData.trackerName}}</h3>   
          </div>          
          <div class="listview-trckr-new-right">        
            <div ng-if="dependWidgetData.template" ng-include src="'/public/views/tracker-templates/'+dependWidgetData.template"></div>     
          </div>          
        </div>
      </div>
    </div>

我有很多不同类型的模板。

<script type="text/ng-template" id="addManualContent.tpl">
    <ng-form name="stepAddForm" novalidate >
      <div class="new-weight-tracker">
        <div class="weight-auto-fil-input">
          <input type="text" name="value" ng-model="form[trackerWidgetData.uniqueFormId].trackerValue.values[0].value" />      
          <div class="new-trkr-select">
            <select class="weight-selectbox" name="foodUnit" ng-model="form[trackerWidgetData.uniqueFormId].trackerValue.values[0].unitId" ng-options="opt.id as opt.unitName for opt in trackerWidgetData.unitType.units">
            </select>
          </div>
        </div>
        <div class="new-tracker-cale">
          <adm-dtp ng-model='form[trackerWidgetData.uniqueFormId].trackerValue.dateTime' maxdate="{{optionsList.maxTimeStamp}}" options='{format: toUpperString(dateFormat) + "hh:mm", default: todayTimestamp, freezeInput:false}'>
            <input name="date" ng-model="form[trackerWidgetData.uniqueFormId].trackerValue.dateTime" ng-click="initDTP(form[trackerWidgetData.uniqueFormId].trackerValue.dateTime)" type="text" ng-required="true" dtp-input>
            <i aria-hidden="true" class="fa fa-calendar" ng-click="initDTP(form[trackerWidgetData.uniqueFormId].trackerValue.dateTime)" dtp-toggle></i>
          </adm-dtp>
        </div>    
        <div class="new-logit-btn">
          <a ng-href="" ng-class="{'disable-anchor-btn': optionsList.inAddProcess}" ng-click="optionsList.inAddProcess ? null : addTrackerValue(stepAddForm, trackerWidgetData)" class="fill_button">Log It</a>
        </div>
      </div>
    </ng-form>
</script>

问题如何在包含模型值时将模型值传递给ng-template?

0 个答案:

没有答案