微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Angularjs MVC项目VS15中登录后,下拉菜单不起作用

如何解决在Angularjs MVC项目VS15中登录后,下拉菜单不起作用

我正在Visual Studio 2015认MVC项目中处理AngularJS项目。

我已经使用Bootstrap模板对此认项目进行了更改。

一切正常,但是登录后,下拉菜单显示_LoginPartial视图中列出的两个内容登录显示_LoginPartail视图的内容(基于If else条件)时,此下拉列表可以正常工作。

下面是“登录部分”视图的代码

@using Microsoft.AspNet.Identity
    
    @if (ViewBag.login == true)
    {
        using (Html.BeginForm("logoff","Account",FormMethod.Post,new { id = "logoutForm",@class = "navbar-right" }))
        {
            
            <div class="logoutapp" ng-app="logoutapp" ng-controller="AccountController">
    
                <ul class="dropdown-menu">
                    <li>
                        @Html.ActionLink("Hello " + @Session["User"] + " !","Index","Manage",routeValues: null,htmlAttributes: new { title = "Manage" })
                    </li>
                    <li>
                        <a ng-click="logout()">{{btntext}}</a>
                    </li>
                </ul>
                <script src="~/Scripts/angular.js"></script>
                <script src="~/Scripts/Angular Scripts/Loginjs/logout.js"></script>
                <script src="~/js/bootstrap.js"></script>
            </div>
    
        }
    }
    else
    {
        <ul class="dropdown-menu">
            <li>@Html.ActionLink("Register","Register",htmlAttributes: new { id = "registerLink" })</li>
            <li>@Html.ActionLink("Log in","Login",htmlAttributes: new { id = "loginLink" })</li>
        </ul>
    }

其他部分工作正常。成功登录后,我使用Session来更改ViewBag.login的值,并且ViewBag.login反映了成功登录后的“ true”,如调试时所见。

这是呈现LoginPartial的主要布局代码

<!-- header -->
    <div class="header">
        <div class="w3ls-header">
            <!--header-one-->
            <div class="w3ls-header-left">
                <p><a href="#">UPTO 2000₹ OFF ON LAPTOPS | USE COUPON CODE LAPPY </a></p>
            </div>
            <div class="w3ls-header-right">
                <ul>
                    <li class="dropdown head-dpdn">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user" aria-hidden="true"></i> My Account<span class="caret"></span></a>
                        @*<ul class="dropdown-menu">*@

                        @Html.Partial("_LoginPartial")
                        
                        @*</ul>*@
                    </li>
                    <li class="dropdown head-dpdn">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-percent" aria-hidden="true"></i> Today's Deals<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="offers.html">Cash Back Offers</a></li>
                            <li><a href="offers.html">Product discounts</a></li>
                            <li><a href="offers.html">Special Offers</a></li>
                        </ul>
                    </li>
                    <li class="dropdown head-dpdn">
                        @Html.ActionLink("Help","Help","Home")
                    </li>
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>

登录下拉列表前

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。