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