将TextBox，date和dropdownlist值绑定到参数angularJS wcfRest

Question

我有一个使用WCFrest项目的angularJS

我创建了dropdownlist和datepicker for parameter来过滤显示的数据。 搜索表格可以在下面的图片中看到

这是html代码

＆＃13;

＆＃13;

<!--Date From-->
<div class="col-md-4">
  <input id="txtOldDate" type="date" value="2000-01-01" class="datepicker" />
</div>

<!--Date To-->
<div class="col-md-1">
  <label for="labelTo" class="control-label">To</label>
</div>
<div class="col-md-4">
  <input id="txtNewDate" type="date" class="datepicker" />
  <!-- Set default date value to now-->
  <script>
    document.getElementById('txtNewDate').value = new Date().toISOString().substring(0, 10);
  </script>
</div>

<!--Departement-->
<div class="col-sm-4">
  <div class="dropdown">
    <select class="form-control" ng-model="DdlDeptManager" ng-change="DdlManager(DdlDeptManager)">
      <option ng-repeat="d in GetDeptManager" value="{{d.Department}}">{{d.Department}}</option>
    </select>
  </div>
</div>

<!--Employee-->
<div class="dropdown">
  <!-- @departemen parameter from DdlDeptManager -->
  <select id="ddlManagerApproval" ng-model="DdlManager" class="form-control">
    <option ng-repeat="m in GetManager" value="{{m.UserName}}">{{m.FullName}}</option>
  </select>
</div>

<!--Button Show-->
<div class="col-md-2">
 <input id="btnSubmit" type="button" class="btn btn-primary" ng-click="SearchApproval()" value="Show" />
</div>

＆＃13;

＆＃13;

＆＃13;

这是我的控制权Approl.ctrl.js

＆＃13;

＆＃13;

//Control for search purposes

$scope.SearchApproval = function() {
  var search = {
    //employeeID: $scope.employeeID,
    oldDate: $scope.oldDate,
    newDate: $scope.newDate,
    departemen: $scope.departemen,
    approver: $scope.approver
  }
  var promiseGet = GetApproval.GetApprovalData(search);
  //GetApprovalData();
  promiseGet.then(function(pl) {
      $scope.GetApprovalData = pl.data
    },
    function(errorPl) {
      console.log('Some Error in Getting Records.', errorPl);
    });
}

＆＃13;

＆＃13;

＆＃13;

对于employeeID，这是service.js，因为没有创建会话，我强制在uri上为它添加值

＆＃13;

＆＃13;

this.GetApprovalData = function(employeeID, oldDate, newDate, departemen, approver) {
  return $http.get("http://localhost:51458/ServiceRequest.svc/GetApproval?employeeID=" + "11321" + "&oldDate=" + oldDate + "&newDate=" + newDate + "&departemen=" + departemen + "&approver=" + approver);
};

＆＃13;

＆＃13;

＆＃13;

我的问题是，如何使datepicker id = txtOldDate上的值为oldDate，txtNewDate为newDate，以及其他下拉列表为离开者和批准者参数提供参数值？

先谢谢。

Answer 1

嗨兰迪我已经复制了你的代码而没有服务对不起。使用硬编码数组填充下拉列表。请检查此网址

https://plnkr.co/edit/eSriV68HkhQhzt1yE6DE?p=preview

  $scope.GetDeptManager = [{
Department : 'department1'
 }, {
 Department: 'department2'
}];

$scope.GetManager = [{
FullName : 'manager1'
}, {
FullName: 'manager2'
}]

您必须为输入元素指定ng-model值，以便在控制器中获取这些值。