2
我們有ASP.NET應用程序，其中包含頂層菜單欄（從UserControl派生）和以下幾個標準內容頁面。但是，下面有一頁不是標準內容頁面。它是用作AngularJS控制器視圖的HTML頁面。菜單上有一個「退出」選項，當您點擊它時，它適用於所有標準內容頁面，但不適用於AngularJS視圖。當你在AngularJS視圖上並點擊「退出」時，沒有任何反應。當我在AngularJS視圖上單擊「退出」時，我需要退出。無法從AngularJS視圖中退出
代碼看起來如下：
1）菜單欄的一部分：
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<site:secureLink ID="CashdeskReport" RunAt="Server" CssClass="MainMenu" Name="report" Allow="wizard,admin,kassaThermo,kassa,kassaPechat,kassaPechatSpec,kassaPechatExt,kassaExpress,kassaManager" URL="../Admin/Admin_Report.aspx" />
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a runat="server" ID="exit" CausesValidation="False">exit</a>
</td>
2）退出操作的代碼：
private void exit_Click(object sender, EventArgs e)
{
AuthManager.GetCurrent().LogOut();
Response.Redirect("/Admin/Admin.aspx");
}
3）HTML頁面：
<%@ Page language="c#" Codebehind="Default_New.aspx.cs" AutoEventWireup="True" Inherits="Concert.Default_New" %>
<%@ Register TagPrefix="site" TagName="header" Src="includes/Header.ascx" %>
<%@ Register TagPrefix="site" TagName="head" Src="includes/Head.ascx" %>
<!doctype html>
<html id="ng-app" ng-app="cashdeskActionSearchApp">
<head>
<site:head id="Head" runat="Server" />
<link href="bootstrap/v3/css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>
<link href="css/actions.css" rel="stylesheet" type="text/css"></link>
<link href="css/new_search.css" rel="stylesheet" type="text/css"></link>
<link href="includes/Style.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="Scripts/respond.min.js"></script>
<script src="Scripts/jquery-1.11.1.min.js" type="text/javascript"> </script>
<script src="Scripts/toastr.js" type="text/javascript"> </script>
<script src="Scripts/moment.min.js" type="text/javascript"> </script>
<script src="Scripts/i18n/moment.ru.js" type="text/javascript"> </script>
<script src="bootstrap/v3/js/bootstrap.min.js" type="text/javascript"> </script>
<script src="angular/1.2/angular.min.js"></script>
<script src="angular/1.2/angular-route.min.js"></script>
<script src="angular/angular-resource.min.js" type="text/javascript"> </script>
<%--<script src="angular/angular-cookie.min.js" type="text/javascript"> </script>--%>
<script src="angular/ui-bootstrap/ui-bootstrap-tpls-0.11.0.min.js" type="text/javascript"> </script>
<script src="Scripts/i18n/angular-locale_ru.js"></script>
<script src="/Admin/js/services.js" type="text/javascript"> </script>
<script src="/Admin/js/directives.js" type="text/javascript"> </script>
<script src="Scripts/CashdeskActionSearchApp.js" type="text/javascript"> </script>
</head>
<body bgcolor="#FFFFFF" text="#333333" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<%--<site:secureChecker ID="CheckRights" runat="Server" Allow="wizard,admin,buhgalter" />--%>
<site:header id="HeaderInclude" runat="server"/>
<!--<h2 style="padding-left: 10px;">Поиск мероприятий</h2>-->
<div>
<div ng-view class="container-fluid">
</div>
</div>
<br/>
</body>
</html>
4）它看起來如何就像在瀏覽器的調試器（腳本部分）：
<!doctype html>
<html id="ng-app" ng-app="cashdeskActionSearchApp">
<head>
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="title" content="">
<meta name="revisit-after" content="7 days">
<meta name="home_url" content="http://www.concert.ru">
<meta name="robots" content="index,all">
<meta name="copyright" content="http://www.concert.ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<link href=includes/Style.css type=text/css rel=stylesheet>
<link href="bootstrap/v3/css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>
<link href="css/actions.css" rel="stylesheet" type="text/css"></link>
<link href="css/new_search.css" rel="stylesheet" type="text/css"></link>
<link href="includes/Style.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="Scripts/respond.min.js"></script>
<script src="Scripts/jquery-1.11.1.min.js" type="text/javascript"> </script>
<script src="Scripts/toastr.js" type="text/javascript"> </script>
<script src="Scripts/moment.min.js" type="text/javascript"> </script>
<script src="Scripts/i18n/moment.ru.js" type="text/javascript"> </script>
<script src="bootstrap/v3/js/bootstrap.min.js" type="text/javascript"> </script>
<script src="angular/1.2/angular.min.js"></script>
<script src="angular/1.2/angular-route.min.js"></script>
<script src="angular/angular-resource.min.js" type="text/javascript"> </script>
<script src="angular/ui-bootstrap/ui-bootstrap-tpls-0.11.0.min.js" type="text/javascript"> </script>
<script src="Scripts/i18n/angular-locale_ru.js"></script>
<script src="/Admin/js/services.js" type="text/javascript"> </script>
<script src="/Admin/js/directives.js" type="text/javascript"> </script>
<script src="Scripts/CashdeskActionSearchApp.js" type="text/javascript"> </script>
</head>
<body bgcolor="#FFFFFF" text="#333333" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script type="text/javascript" language="javascript" src="src.js"> </script>
<script type="text/javascript" language="javascript">
function MoveMonth(dest) {
document.forms[0].MoveMonthDest.value = dest;
document.forms[0].submit();
}
</script>
<table width="99%" border="0" cellpadding="0" cellspacing="0">
<tr>
</tr>
</table>
<br/>
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#E8E8E8">
<tr>
<td width="6"><img src="../img/l.gif" width="6" height="28"></td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_CashdeskSearchLink_Link" class="MainMenu" href="Default.aspx">поиск</a>
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_SecureLink1_Link" class="MainMenu" href="Default_New.aspx">новый поиск</a>
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_CashdeskOrders_Link" class="MainMenu" href="Admin/Admin_OrderList.aspx">заказы</a>
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_CashdeskOrder_Link" class="MainMenu" href="Admin/Admin_Order.aspx">заказ</a>
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_CashdeskReport_Link" class="MainMenu" href="Admin/Admin_Report.aspx">отчет</a>
</td>
<td width="65" align="center" class="mainMenu" onmouseover=" this.style.background = '#F5F6AF'; " onmouseout=" this.style.background = '#E8E8E8'; ">
<a id="HeaderInclude_exit" href="javascript:__doPostBack('HeaderInclude$exit','')">выход</a>
</td>
<td width="250" align="center"><span id="HeaderInclude_lblCashierDeposit" class="m"></span></td>
<td align="right"><b style="color: green;"><span id="HeaderInclude_CashierNameLabel" class="m">Кассир: tesicg</span></b></td>
<td align="right"><img src="img/r.gif" width="6" height="28"></td>
</tr>
</table>
<!--<table border="1" bordercolor="red">
<tr><td>Внимание! Необходимо обновить программу билетопечати до 07.12.2008. После указанного срока не обновленные программы билетопечати будут отключены.<br />
Для обновления программы обратитесь к вашему техническому специалисту. <br />
Если у вас нет техничкского специалиста:<br />
1. скачайте файл <a href="http://www.concert.ru/tp/TicketPrint 2.0.11.zip"><u>http://www.concert.ru/tp/TicketPrint 2.0.11.zip</u></a><br />
2. обратитесь к специалисту Concert.ru по тел.: +7 (903) 249-85-46<br />
<br /></td></tr>
</table>-->
<!--<h2 style="padding-left: 10px;">Поиск мероприятий</h2>-->
<div>
<div ng-view class="container-fluid">
</div>
</div>
<br/>
</body>
</html>
在這裏，我不明白那是什麼工作原理菜單欄和AngularJS下方查看用戶控件之間的連接。菜單欄中的所有其他選項都正常工作。
你有NG-視圖中這個按鈕？ – 2014-09-29 06:46:56
不是。「退出」但不在ng視圖內。 – tesicg 2014-09-29 06:57:23
你可以嘗試調試__doPostBack函數嗎？你會在呈現的頁面上找到它，asp.net使用它來執行回發。 – 2014-09-29 07:00:03