1
나는 약간의 ui-router 문제로 고착되어 모든 프롬프트 응답이 크게 감사하겠습니다.각도 ui-router 서로 다른보기에 대해 서로 다른 마스터 페이지 레이아웃
하위 페이지 전체에서 사용되는 기본 마스터 페이지를 구성 할 수있었습니다. 하위 페이지 내용도 올바르게 가져옵니다.
이제 내가 붙어있는 지점은 로그인/레지스터보기입니다. 이후 그들은 동일한 마스터 레이아웃의 일부가되지 않을거야, 그들은 페이지의 중심에 HTML 컨트롤과 간단한 레이아웃 것입니다 그리고 아무것도 내가 어떻게 로그인/등록을 할 수있는 이해하기 힘든 시간을 보내고있어. - 루터 논리.
이
내가 지금까지 무엇을 가지고 :UI 라우터 논리 :
app.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
$urlRouterProvider.otherwise("/home");
$locationProvider.html5Mode(true);
$stateProvider
.state("home", {
url: "/home",
templateUrl: "/views/home/index.html",
controller: "homeController",
contrllerAs: "homeCtrl",
data: {
css: '/assets/css/homepage.css'
}
})
.state("ourteam", {
url: "/ourteam",
templateUrl: "/views/home/our-team.html"
})
.state("accountlogin", {
url: "/accountlogin",
templateUrl: "/views/home/login.html",
controller: "loginController"
})
});
마스터 페이지 (안 로그인에 대한 것) 단축 버전의 마크 업 :
<!DOCTYPE html>
<html>
<head>
<base href="/" />
</head>
<body ng-app="app" ui-router-styles class="fixed-footer home-page">
<header class="header">
<div class="container">
<nav class=" navbar">
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-nav-relm">
<li class="active"><a ui-sref="home">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Borrowers <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a ui-sref="Link1">Link1</a></li>
<li><a ui-sref="Link2">Link2</a></li>
<li><a ui-sref="Link3">Link3</a></li>
</ul>
</li>
<li><a ui-sref="ourteam">Our Team</a></li>
<li><a ui-sref="contact">Contact</a></li>
<li><a ui-sref="accountlogin">Login</a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- START CHILD CONTENT -->
<ui-view></ui-view>
<!-- END CHILD CONTENT -->
</body>
</html>
로그인 페이지 (축약 된 버전) :
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body class="login">
<div class="content" ng-app="app">
<!-- BEGIN LOGIN FORM -->
<div class="login-form" ng-controller="loginController">
<div class="form-group">
<label>Email</label>
<input data-ng-model="loginData.userName" required autofocus/>
</div>
<div class="form-group">
<label>Password</label>
<input data-ng-model="loginData.password" required/>
</div>
<div>
<button type="submit" ng-click="Login()">Login</button>
</div>
</div>
<!-- END LOGIN FORM -->
</div>
</body>
</html>
이제 새 레이아웃으로 리디렉션하거나 기존 마스터 페이지에 통합하는 적절한 방법은 무엇입니까?
답글이 시간에 매우 감사하겠습니다.
감사합니다, Laziale의
나는 선택의 여지가 있지만 HTML DOM 노드와 상태 계층 구조를 재구성해야한다고 생각합니다. navbar가'ui-view' 안에 있어야합니다. – CozyAzure