ng-modal in ng-repeat issue

时间:2017-02-14 20:37:30

标签: angularjs

下面是我的代码,我有3个输入和一个视图按钮,在点击视图后我将从服务器获取数据。 3个输入是客户,日期,班次和我将这3个输入保持在ng-repeat中,其中我重复了多个客户。如果customerID = 1,那么客户输入的ng模型也是1.



<div ng-repeat = "x in CustomerList">
      <form class="form-horizontal" ng-submit="getproductiondetails()">
                <div class="form-group">
                    <div class="row">
                        
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-users"></i></span>
                                <select required class="form-control" ng-value= "x.customerID"  ng-model="data.CustomerID">
                                   
                                </select> 
                            </div>
                        
                       
                            <div class="input-group">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default"  ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
                                </span>
                                <input type="text" class="form-control"  uib-datepicker-popup="dd-MMM-yyyy" ng-model="data.ProductionReportDate" is-open="popup1.opened" required close-text="Close" />
                            </div>
                        
                        
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-mars"></i></span>
                                <select required class="form-control" ng-model="data.ShiftTypeID">
                                    <option value="">Shift</option>
                                    <option ng-repeat="y in shiftList" value="{{y.ShiftTypeID}}">{{y.ShiftTypeName}}</option>
                                </select>
                            </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-2 pull-left">
                            <button type="submit" class="btn btn-primary">View</button>
                        </div>
                    </div>
                </div>
            </form>
    </div>
&#13;
&#13;
&#13;

但是对于客户输入中的ng-model,它没有选择customerID的值。 如何让客户输入从ng-repeat中选择customerID值?

CustomerList中的示例数据:

  1. CustomerID = 1,CustomerName = KL
  2. CustomerID = 2,CustomerName = JK
  3. ShiftList中的示例数据:

    1. ShiftID = 1,ShiftName = 1st Shift
    2. ShiftID = 2,ShiftName = 2nd Shift

1 个答案:

答案 0 :(得分:0)

你应该在表格上重复吗?你可以不重复并显示值吗? 在每一行上你都可以有一个编辑按钮。按下该按钮可进入编辑模式。我喜欢划分视图模式和编辑模式。注意:如果您想要编辑一行,则需要为&#39; SINGLE&#39;提供服务器PUT / PATCH资源。行对象。如果你想要一个简单的例子,请回复