2014-09-17 4 views
1

Я создал страницу index.html, где я определяю 2 ссылки как:маршрут не работает в угловом

<!DOCTYPE html> 
<html ng-app="test"> 
<head> 
    <title>My Angular App!</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script> 
    <link data-require="[email protected]*" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
    <script src="js/app.js"></script> 
</head> 
<body> 
<div id="links"> 
    <a ui-sref="login">Login</a> 
    <a ui-sref="register">Register</a> 
</div> 
<div ui-view></div> 
</body> 
</html> 

Я мой app.js файл, я задающие маршрут, как:

angular.module('test', ['ui.router']) 
    .config([ 
     '$stateProvider', 
     '$urlRouterProvider', 
     function($stateProvider, $urlRouterProvider) { 
      $stateProvider 
       .state('register', { 
        url: '/register', 
        templateUrl: '/partials/register.html', 
        controller: 'registration' 
       }); 
      $stateProvider.state('login',{ 
       url: '/login', 
       templateUrl: '/partials/login.html', 
       controller: 'login' 
      }); 

      $urlRouterProvider.otherwise('/'); 
     }]) 

Когда я нажимаю на ссылки, определенные в файле index.html, он не показывает другую страницу, как это определено в app.js

+0

У вас есть 'щ-view', определенный в вашей главной странице? –

+0

@MohammadSepahvand: да ... обновленный вопрос с целым кодом. – kawade

+0

любые ошибки консоли? –

ответ

2

Вам не нужно вводить зависимостей в папке конфигурации.

Вы можете сделать это следующим образом:

angular.module('test', ['ui.router']) 
    .config(function($stateProvider, $urlRouterProvider) { 

     $stateProvider 
      .state('register', { 
       url: '/register', 
       templateUrl: '/partials/register.html', 
       controller: 'registration' 
      }); 
     $stateProvider.state('login',{ 
      url: '/login', 
      templateUrl: '/partials/login.html', 
      controller: 'login' 
     }); 

     $urlRouterProvider.otherwise('/'); 
    }); 
Смежные вопросы