Привязка переключателя к Angular в C # cshtml - PullRequest
0 голосов
/ 22 октября 2018

Я бы хотел передать значение радиокнопки вместе с методом ng-click в C # .Как мне это сделать?Я связываю значение Resume с Modal , используя JavaScript .Я хочу отправить значение ResumeId с помощью функции userAlertResumeSubmit.

Ниже приведен мой код для Modal:

<div class="modal fade" tabindex="-1" id="ResumeModal" role="dialog" ng-controller="topCtrl">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            @using (Html.BeginForm("ApplyJob", "PostedJob", FormMethod.Post))
            {
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                          x
                    </button>
                    <h4 class="modal-title">Choose Your Resume</h4>
                </div>
                <div class="modal-body">
                    <div class="row">

                        <div class="col-md-12">
                            <input type="hidden" name="PostedJobId" id="PostedJobById" value="@Model.PostedJobId" />
                            <input type="hidden" name="CreatedBy" id="CreatedBy" value="@Model.CreatedBy" />
                            @foreach (var item in NurseOneStop.WebSite.Models.ApplicationSession.CurrentUser.NurseResumeList)
                            {
                                <div class="col-md-12 lstCard">
                                    <input type="hidden" name="CheckedResumeId" id="CheckedResumeId" />
                                    <input type="radio" name="RBCheckedResume" style="height: 15px; width: 18px;" onchange="CheckedResume(@item.ResumeId)" /> <span>@item.ResumeName</span>
                                     </div>
                            }
                        </div>
                        @*<label id="lblMessage" style="color:red"></label>*@

                    </div>
                </div>
                <div class="modal-footer">
                <button id="btnSubmitResume" type="submit" class="btn btn-primary pull-right" ng-click="userAlertResumeSubmit()">
                        Submit
                </button>
                </div>
            }
        </div>
    </div>
</div>

Вот как Resume ID связывается скод:

<script type="text/javascript">
    $(document).ready(function () {

        $("#btnShowModal").click(function (){
            $("#ResumeModal").modal('show');
        });
    });
    function CheckedResume(id) {
        $('#CheckedResumeId').val(id);
        //var IsAllow = ($('#CheckedResumeId').val());
        //alert('dddddddddddddddddddd' + IsAllow);
        console.log($('#CheckedResumeId').val());
    };
</script>

1 Ответ

0 голосов
/ 22 октября 2018

Ваш код кажется скорее Jquery, чем угловым (Не очень хорошая практика)

Так что в любом случае у вас есть ng-click="userAlertResumeSubmit()" метод нажатия в вашей кнопке, чтобы вы могли реализовать этот метод в javascript, как показано ниже

var userAlertResumeSubmit= function(){

    $.ajax({
        type: "POST",
        url: place your server url,
        data:pass the data",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result){
           // if you want to do any action sin success then do it here 
        }
    });

}

Примечание:

Если вы хотите придерживаться правильного AngularJS (возобновлено), то создайте метод службы и вызовите сервер из уровня службы и передайте туда элемент модели.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...