代码之家 › 专栏 › 技术社区 › Jatin Bhatia

在C#cshtml中将单选按钮绑定到Angular

asp.net-mvc angularjs c#

Jatin Bhatia · 技术社区 · 8 年前

我想传递 单选按钮 以及点击中的方法 C# .我该怎么做?我将简历的价值绑定到 情态动词 使用 JavaScript .我想用userAlertResumeSubmit函数发送ResumeId的值。

以下是我的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>

以下是简历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 回复 | 直到 8 年前

Arunprasanth K V 8 年前

您的代码似乎更像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(重新开始),那么创建一个服务方法,从服务层调用服务器,并将模型项传递到那里。