代码之家 › 专栏 › 技术社区 › Sachin HR

Angularjs将id传递到模态函数()

angularjs-ng-click angularjs

Sachin HR · 技术社区 · 7 年前

ng-repeat 用于显示所有位置。

这是我的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>

我正在调用一个模式弹出函数。这是控制器。js公司

    $scope.placedcandidatespopup = function()
    {
    AdminUsersService.getAllUsers().then(function(response)
    {
        $scope.allusers=response.data;
        console.log($scope.allusers);
    })
    $(".placedcandidates").modal("show");
    }

这是模态

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

点击按钮后,弹出模式将显示所有学生,旁边放置复选框。现在我可以将studentId保存到数据库中。但我不能通过 placementId 为了节省。

savePlacementStudents 控制器中的方法。js。

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

谁能告诉我怎么通过考试吗到这个 saveStudents method() 位置ID 对于那些被选中的学生。

2 回复 | 直到 7 年前

Code Spark 7 年前

这个 placementId 传递给函数 placedcandidatespopup placedcandidatespopup

$scope.selectedPlacementId = placementId;

现在一样了 $scope controller.js . 现在你可以用这个了 $scope.selectedPlacementId 控制器。js公司 所以你不需要通过

希望这能帮助你。。!!

Nikita 7 年前

$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()