小编Jam*_*mes的帖子

ng-repeat中的AngularJS DatePicker

我试图让datepickers使用ng-repeat显示在表格中.我有一个开始日期和结束日期.当我尝试显示两个日期选择器时,它们显示一个在另一个上.下面是我的代码和正在发生的事情的屏幕截图.

<table datatable="ng" dt-options="dtOptions" dt-columns="dtColumns" class="table table-bordered">
    <tbody>
        <tr ng-repeat="waiver in model.waivers" >
               <td class="input-group">
                <input class="form-control" type="text" datepicker-popup="MM/dd/yyyy" ng-model="waiver.StartDate" is-open="waiver.isOpen" close-text="Close" />
                <span class="input-group-btn">
                    <button class="btn btn-default" ng-click="open($event, waiver)"><i class="fa fa-calendar"></i></button>
                </span>
            </td>
            <td class="input-group">
                <input class="form-control" type="text" datepicker-popup="MM/dd/yyyy" ng-model="waiver.EndDate" is-open="waiver.isOpen" close-text="Close" />
                <span class="input-group-btn">
                    <button class="btn btn-default" ng-click="open($event, waiver)"><i class="fa fa-calendar"></i></button>
                </span>
            </td>
            <td><input type="text" ng-model="waiver.FuelCap" /></td>
            <td><button type="button" ng-click="updateWaiver(waiver)" class="btn btn-warning"><i class="fa fa-refresh"></i></button></td>
            <td><button type="button" ng-click="removeWaiver(waiver)" class="btn btn-danger"><i class="fa fa-trash-o"></i></button></td>
        </tr>
    </tbody>
</table>  
Run Code Online (Sandbox Code Playgroud)

截图

在此输入图像描述

这是一个快速的plunkr示例. …

datepicker angularjs

5
推荐指数
1
解决办法
5542
查看次数

AngularJS在单行表上多次重复重复

我试图显示一个表,其中包含父对象和子对象列表中的项.是否可以使用ng-repeat执行此操作?for循环看起来像这样.

foreach(var parent in list)
  foreach (var child in parent)
     print(parent.1)
     print(parent.2)
     print(child.1)
     print(child.2)
Run Code Online (Sandbox Code Playgroud)

下面是每行的外观的一般概念.

<table>
<tr ng-repeat="parent in list">
   ng-repeat="child in parent"
    <td>parent.item1</td>
    <td>parent.item2</td>
    <td>parent.item3</td>
    <td>child.item1</td>
    <td>child.item2</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

angularjs ng-repeat

2
推荐指数
1
解决办法
8699
查看次数

标签 统计

angularjs ×2

datepicker ×1

ng-repeat ×1