私は自分のアプリケーションにangularjsとspring mvcを使用しています。最初は、配置済みの候補を1つのボタンですべてのプレースメントを表示しています。すべてのプレースメントを表示するにはng-repeat
を実行しています。modular関数にidを渡すAngularjs()
ここは私のhtmlです。
<div class="row" data-ng-repeat="placement in placements">
<div class="col-xs-12 col-sm-12 col-md-12">
<h5>{{placement.companyName}}</h5>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<h6>{{placement.placementDate | date:'dd MMM yyyy'}}</h6>
Company Target (appox):10 Achieved:
</div>
<a href="javascript:void(0);" data-ng-
click="placedcandidatespopup(placement.placementId);">//here i can
get particular placementId but how to pass this id to
savePlacementStudents() method in controller.js???//
PlacedCandidates
</a>
</div>
私は1つのモーダルポップアップ関数を呼び出しています。ここにはcontroller.jsがあります
$scope.placedcandidatespopup = function()
{
AdminUsersService.getAllUsers().then(function(response)
{
$scope.allusers=response.data;
console.log($scope.allusers);
})
$(".placedcandidates").modal("show");
}
私は名前を "placedcandidates"と呼んでいます。ここで
は私がdatabase.ButにstudentIdを保存することができていますthem.Nowの横に配置チェックボックスを持つすべての生徒に表示されます、私はplacementId
に合格することはできませんよボタンのポップアップモーダルをクリックした後、モーダル
<div class="modal right fade placedcandidates" id="myModal1"
tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6" data-ng-
repeat="student in allusers">
<input id="{{student.studentId}}" type="checkbox" value="
{{student.studentId}}" data-ng-
checked="selection.indexOf(student.studentId) >-1"
data-ng-click="toggleSelection(student.studentId)"/>
<label for="{{student.studentId}}"></label>
{{student.firstName}}
</div>
</div>
</div>
<div class="modal-footer" style="position: fixed;">
<input type="button" value="Submit" class="btn" data-ng-
click="savePlacementStudents()">
</div>
</div>
</div>
</div>
です保存する。
ここにcontroller.jsのsavePlacementStudents
メソッドがあります。
$scope.selectedStudents = {};
$scope.savePlacementStudents = function(selectedStudents)
{
selectedStudents.selectedList = $scope.selection;
AdminPlacementService.savePlacementStudents(selectedStudents).then
(function(response)
{
if(response.data=="success"){
$window.scrollTo(0,0);
$scope.selectedStudents = {};
$scope.getplacementdetails($scope.currentPageIndex);
$scope.successmessage="Student Selection Saved!;
$timeout(function() {
$scope.successmessage="";
$scope.closeplacedcandidatespopup();
}, 1500);
}
});
}
誰もが、私が選択したこれらの学生のためにそのplacementId
を設定することができるように、私はこのsaveStudents method()
にそれぞれplacementId
を渡すことができますどのように伝えることができます。
モデルを開くためにjQueryを使用しないでください。 ui-bootstrapモーダルを注入して、anglejsの方法で使用してください。https://angular-ui.github.io/bootstrap/ –