The Index
<!DOCTYPE html>
<html ng-app="app">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/angular.min.js" type="text/javascript"></script>
<script src="scripts/angular-route.min.js" type="text/javascript"></script>
<script src="app/app.js"></script>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/custom.min.css" rel="stylesheet" />
<link href="Content/font-awesome.min.css" rel="stylesheet" />
<base href="/" />
</head>
<body class="nav-md">
<div ng-view>
</div>
<script src="scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="scripts/custom.min.js" type="text/javascript"></script>
<script src="app/main/controllers/login.js"></script>
<script src="scripts/angular-cookies.min.js" type="text/javascript"></script>
<script src="scripts/angular-animate.min.js"></script>
<script src="app/main/services/authentication.js"></script>
<script src="app/main/services/sharedData.js"></script>
<script src="app/main/controllers/menu.js"></script>
<script src="scripts/xml2json.js"></script>
</body>
</html>
Javascript app --> Root
(function () {
'use strict';
var app = angular.module('app', ['ngRoute', 'ngCookies', 'ngAnimate'])
app.config(['$routeProvider', '$locationProvider', '$compileProvider', '$controllerProvider',
function ($routeProvider, $locationProvider, $compileProvider, $controllerProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: true
});
app.registerCtrl = $controllerProvider.register;
$controllerProvider.allowGlobals();
$routeProvider.when('/Home', {
controller: "loginCtrl",
templateUrl: 'Views/Login.html'
}).
when('/MenuNavigation/', {
controller: "menuCtrl",
templateUrl: 'Views/MenuNavigation.html',
//templateUrl: function (params) { return 'Views/MenuNavigation.html' + params.xmlMenu; }
}).
otherwise({ redirectTo: '/Home' });
$compileProvider.debugInfoEnabled(false);
}]);
-- From Login call MenuNavigation using $location.path('/MenuNavigation');
<!DOCTYPE html>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="../scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="../scripts/custom.min.js" type="text/javascript"></script>
<div class="container body" ng-controller="menuCtrl">
<div class="main_container" ng-init="init()">
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-credit-card"></i> <span>AlexSoft S.A!</span></a>
</div>
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div class="profile">
<div class="profile_pic">
<img src="../Images/img.jpg" alt="..." class="img-circle profile_img">
</div>
<div class="profile_info">
<span>Welcome,</span>
<h2>{{userName}}</h2>
</div>
</div>
<!-- /menu profile quick info -->
<br />
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu">
<li ng-repeat="fNodeapl in data.nodeapl">
<a><i class="fa fa-folder-o"></i>{{fNodeapl._label}} <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li ng-repeat="fNodeMenu in fNodeapl.nodemenu">
<a>{{fNodeMenu._label}}<span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu" ng-repeat="fNodeItem in fNodeMenu.nodeitem">
<li class="sub_menu">
<a ng-click="CallPage(fNodeItem._codigo)" href="">{{fNodeItem._label}}</a></li>
</ul>
</li>
</ul>
</li>
<!--<li>
<a><i class="fa fa-home"></i> Pensiones <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="/Home">Dashboard1</a></li>
<li><a ng-click="callExternalPage('PPAP')" href="">PAPP Pago Personas</a></li>
</ul>
</li>
<li>
<a><i class="fa fa-sitemap"></i>MultiLevel Menu <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li>
<a>Level One <span class="fa fa-calculator"></span></a>
<ul class="nav child_menu">
<li class="sub_menu"><a ng-click="callExternalPage('PPAP')" href="">Opcion</a></li>
<li><a ng-click="callExternalPage('PPAP')" href="">Opcion2</a></li>
</ul>
</li>
</ul>
</li>-->
</ul>
</div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Logout">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>
</div>
<!-- /menu footer buttons -->
</div>
</div>
<!-- top navigation -->
<div class="top_nav">
<div class="nav_menu">
<nav>
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="">
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<img src="../Images/img.jpg" alt="">{{userName}}
<span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a></li>
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="true">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li>
<a>
<span class="image"><img src="../Images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<form method="post">
<iframe name="iFrameMain" height="900" width="900" ng-src="{{trustSrc(urlPage.src)}}" allowfullscreen frameborder="0"></iframe>
</form>
</div>
</div>
</div>
</div>
<!-- /page content -->
</div>
</div>
here I'm trying call to my page aspx By post
The sections discussed are failed tests
(function () {
'use strict';
var injectParams = ['$scope', '$location', '$sce', '$routeParams', 'sharedData', '$http'];
var menuCtrl = function ($scope, $location, $sce, $routeParams, sharedData, $http) {
$scope.data = [];
$scope.nodeMenu = [];
$scope.init = function() {
var xmlOut = sharedData.getInfo();
var x2js = new X2JS();
var allXml = x2js.xml_str2json(xmlOut);
$scope.userName = allXml.Response.userName;
$scope.data = allXml.Response.sitemap;
}
$scope.init();
$scope.CallPage = function (item) {
//params: {
// sRequestCode: vRequestCode, sUsuario: vUsuario, sUsuarioAsignado: vUsuarioAsig,
// sListOrigen: $scope.listaOrigen, sListPrioridad: $scope.listaPrioridad, sListEstados: $scope.listaEstados }
alert("Opcion-->" + item);
$scope.urlPage = { src: "http://localhost:51049/Views/ExternalPage.aspx" };
//$http.post('/VistaEjemplo.aspx/GetExternalPage', { data: {} }
//).success(function (data, status, headers, config) {
// $scope.urlPage = { src: data.Url };
//}).error(function (data, status, headers, config) {
//});
//$http({
// method: 'Get',
// url: 'VistaEjemplo.aspx/GetExternalPage',
// params: {}
//}).success(function (data, status, headers, config) {
// $scope.urlPage = { src: data.Url };
//}).error(function (data, status, headers, config) {
// $scope.urlPage = { src: "http://localhost:51049/Views/VistaEjemplo.aspx?user=Alex" };
//});
}
$scope.trustSrc = function (src) {
return $sce.trustAsResourceUrl(src);
}
}
menuCtrl.$inject = injectParams;
angular
.module('app')
.controller('menuCtrl', menuCtrl)
})();
I need to call to a public method of the page ExternalPage.cs or VistaEjemplo.cs
[WebMethod]
[System.Web.Http.AcceptVerbs("GET", "POST", "OPTIONS")]
[HttpPost]
public string GetExternalPage()
{
//this.Url = "http://localhost/ExtremeWebPensionesBCE/Pages/ConsultaPago.aspx";
//this.Add("user", txtUser.Text);
//this.Add("data", txtRequest.Text);
//this.Post();
//string static url = ;
//return this.Url;
string rest = "";
rest = "Hola";
return "http://localhost/ExtremeWebPensionesBCE/Pages/ConsultaPago.aspx";
}
I will wait for your help. Thank a lot.