2017-09-11 11 views
1

私は自分のアプリケーションに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を渡すことができますどのように伝えることができます。

+0

モデルを開くためにjQueryを使用しないでください。 ui-bootstrapモーダルを注入して、anglejsの方法で使用してください。https://angular-ui.github.io/bootstrap/ –

答えて

1

ここに解決策があります。それは同じcontroller.jsを使用しているよう

$scope.selectedPlacementId = placementId; 

今、同じ$scopeもポップアップでアクセスする必要があります機能placedcandidatespopupに次のように

placedcandidatespopup機能に渡さplacementIdを保存することができます。そして、今度は$scope.selectedPlacementIdをどこでもcontroller.js に入れることができます。placementId ...を渡す必要はありません。

あなたが助けてくれることを願っています.. !!モデルで

+0

こんにちは。私はuser.userIdを使用してStudentIdを取得します。私は保存のためにplacementIdを取得する必要があります。私は得ることができるが、節約のためにそれを得る方法は? –

+0

@Sachin HR ..私の答えを更新しました.. !! –

+0

selectedStudents.placementId = $ scope.selectedPlacementId。 savePlacementStudents()メソッドでこれを使用できますか? –

0
$scope.placedcandidatespopup = function(id) 
    { 
     AdminUsersService.getAllUsers().then(function(response) 
     { 
      $scope.allusers=response.data; 
      console.log($scope.allusers); 
     }) 


     $scope.inserted = { 
          placementId:id, 
         }; 

    var modalInstance = $uibModal.open({ 

          templateUrl: 'views/test/myModal1.html', 
          controller: 'TestCntrl', 
          size: "Modelwidth", 
          resolve: { 
           items: function() { 
            return $scope.inserted; 
           } 
          } 
      }); 

} 

あなたはitems.placementIdを使用してアクセスするために持っていて、savePlacementStudents()法学生の情報と同様placementIdを送信するとき。

+0

ありがとうございました。それは働いています。私はちょうど、placecandidatedpopupからidを渡しました。 –

関連する問題