2016-08-05 43 views
0

我想在下面設置這些路線,但是當我測試它們不工作時,有人可以幫助我解決這個問題。當我點擊下面的任何鏈接,他們沒有工作Ang ng ng

'use strict' 
var myApp = angular.module("myApp", ["ngRoute", 'firebase']); 

    myApp.constant('FIREBASE_URL', 'myfirebase Url'); 

myApp.config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider){ 

$routeProvider 
    .when('/', 
     {templateUrl:'partials/home.html', 
      controller: 'mainController' 
     }) 
    .when('/login', { 
     templateUrl:'partials/login.html', 
     controller: 'loginSignupController' 

     }) 
    .when('/signup', { 
      templateUrl:'partials/signup.html', 
      controller:'loginSignupController' 
     }) 
    .when('/dash', { 
      templateUrl:'partials/dashboard.html', 
      controller:'mainController' 
     }). 

    otherwise({ 
     redirectTo:'/' 
    }); 

    $locationProvider.html5Mode(true); 
}]); 

Signup.html

<h1>Welcome to Signup</h1> 

<a class="" ng-href="/">Go Home</a> 
<form class="ui form"> 
<div class="field"> 
<label>Username </label> 
<input type="text" name="username" placeholder="Username"> 
</div> 
<div class="field"> 
    <label>Password</label> 
    <input type="password" name="username" placeholder="password"> 
</div> 


<button class="ui button" type="submit" ng-submit="">Signup</button> 
</form> 

的login.html 這是登錄頁面 回家 用戶名 密碼

</div> 
<button class="ui button" type="submit">Login</button> 
</form> 

home.html的

<div class="ui container"> 
    <div class="ui large secondary inverted pointing menu"> 
    <a class="toc item"> 
     <i class="sidebar icon"></i> 
    </a> 
    <a class="active item">Home</a> 
    <a class="item">About Us</a> 
    <a class="item">Send</a> 
    <a class="item">Request</a> 
    <a class="item">How it Works</a> 
    <div class="right item"> 
     <a class="ui inverted button" ng-href="partials/login">Log in</a> 
     <a class="ui inverted button" ng-href="partials/signup">Sign Up</a> 
    </div> 
    </div> 
</div> 
+0

你在HTML refered到角與角路線? – Sajeetharan

+0

你在'index.html'上有'ng-view'? –

+0

爲什麼試圖重定向到'ng-href =「partials/login」'?路由路徑是**/login **,所以將它改爲'ng-href =「/ login」'(對於其他鏈接也是如此) –

回答

-2
var App = angular.module("MyApp", ["ui.router"]); 
MetronicApp.config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) { 
// Redirect any unmatched url 
$urlRouterProvider.otherwise("/dashboard"); 

$stateProvider 

    // Dashboard 
    .state('dashboard', { 
     url: "/dashboard", 
     templateUrl: "views/dashboard.html",    
     data: {pageTitle: 'Dashboard'}, 
     controller: "DashboardController", 

    }) 

home.html的

<a href="#/dashboard"> 
+0

爲什麼要使用另一個第三方路由庫作爲解決方案?這是一種選擇,但我認爲它不能回答這個問題。 –

+0

我會盡力,謝謝 – amad4biz