2016-09-12 1 views
0

enter image description herecomment commutateur NG-vue à la page normale

Voir l'image => Layout1 page maître qui comprennent ng-view en ce que i utilisé routage angulaire.

=> Layout2 page login.cshml quand j'ai essayé d'appeler la page de connexion
http://localhost:1395/admin/home/Login

cette page de connexion inclus dans ng vue que je veux DONOT
et sa totale différente Login.cshtml

J'ai appelé cette page comme

<a href="admin/home/login">Log out</a> 

quand j'ai essayé URL directement dans la barre d'adresse comme http://localhost:1395/admin/home/Login il fonctionne très bien voir l'image

enter image description here

mais j'ai essayé à partir du panneau maître à la page de connexion, il montre l'image voir mauvaise première

exemple de code

master.cshtml

<html> 
<body> 
<div>Layout 1</div> 
<div ng-view></div> 
</body> 
</html> 

contact.html

<div ng-controller="contactcontroller"> 
Contact Page 
</div> 

help.html

<div ng-controller="helpcontroller"> 
Help Page 
</div> 

code de routage

 var app = angular.module("myApp", ["ngRoute"]); 
     app.config(function($routeProvider) { 
    $routeProvider 
    .when("/admin/home/contact", { 
    templateUrl : "contact.html", 
    controller: "contactcontroller" 
    }) 
    .when("/admin/home/help", { 
    templateUrl : "help.html", 
    controller: "helpcontroller" 
})  
}); 

Login.cshtml

<html> 
    <body> 
    <div>Layout 2</div> 
    ///Login code 
</body> 
</html> 

quand j'appelle admin url/home/help et admin/home/pages de contact inclus en ng-view mais quand j'appelle admin/home/login je ne veux pas que cela soit inclus dans ng-view c'est un en-tête et un pied de page séparés. Je veux appeler comme page séparée

Merci à l'avance

+1

s'il vous plaît essayer de clarifier, fournir des informations supplémentaires et des échantillons de code. Il n'y a aucune idée de comment votre application fonctionne et ce que vous attendez de lui. – kvetis

+0

merci pour la réponse @ kvetis s'il vous plaît vérifier l'échantillon de code pour référence. Je veux passer de la page qui a inclus ng-view à la page normale qui ne comprend pas ng-view – Pravin

Répondre

0

Il est difficile de comprendre, mais je vais prendre un coup à répondre à la question.

Votre problème est probablement sans rapport avec angularjs, ce qui me semble être que vous utilisez probablement ASP.NET MVC et votre action de connexion est rendue dans la présentation principale. Fondamentalement, vous devez rendre la page sans le modèle. Voir cette question et les réponses là: Razor View Without Layout

Je soulignerai également que angular est utilisé pour les applications d'une seule page et qu'il est difficile de mélanger le routage angulaire et ASP.NET MVC. Vous devriez probablement décider quel routage vous utiliserez. Bien sûr, vous pouvez utiliser .NET et initialiser angular dans chaque page, mais je ne le recommande pas. Si vous le pouvez, construisez toutes vos pages en angulaire, puis utilisez ASP.NET Web API comme back-end.

De même, vous n'avez pas besoin d'utiliser l'attribut ng-controller lorsque vous utilisez le routage et spécifiez le contrôleur.