귀속은 텍스트 상자, 날짜 AngularJS와 wcfRest

Question

을 파라미터 값 I는 드롭 다운리스트 WCFrest 프로젝트

필터 데이터를 보여 I에 대한 파라미터 및 드롭 다운리스트를 작성 날짜 선택기를 사용 AngularJS와있다. 검색 폼이

아래 그림에서 볼 수 이것은 HTML 코드

<!--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>

이 내 제어 approvalCtrl.js입니다에게 있습니다

//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); 
 
    }); 
 
}

세션이 생성되지 않기 때문에

이 직원 ID를 들어, service.js, 나는 URI를

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); 
 
};

에 가치를 추가 강제

내 질문은, 어떻게 datepicker id = txtOldDate의 값을 oldDate에 매개 변수 값을 제공하려면 txtNewDate를 newDate로, departemen 및 approver 매개 변수의 다른 드롭 다운 목록에는?

미리 감사드립니다.

Answer 1

안녕 랜디 나는 서비스를 제공하지 않고 코드를 재 작성했습니다. 하드 코드 배열을 사용하여 드롭 다운을 채 웁니다. 친절 URL을

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

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

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

을 확인하고 당신은 당신이 컨트롤러에서 해당 값을 얻을 수 있도록 사용자의 입력 요소에 대한 NG 모델의 값을 할당해야합니다.