угловой-ui-router не работает

Мне не удается направить маршрут с помощью ui-router. Это работает для меня с ng-маршрутом, поэтому я, должно быть, пропустил что-то основное. Нет ошибки, но я не получаю никакого представления.угловой-ui-router не работает

Следующий код делает не работу (за исключением иначе заявления):

angular.module("employeesApp", ["ui.router"]) 
.config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('employeeList', { 
      url: "/employees", 
      templateUrl: "components/employee_list/employeeListView.html", 
     }); 

    $urlRouterProvider.otherwise("/employees"); 
});

Следующий код делает работы:

angular.module("employeesApp", ["ngRoute"]) 
.config(function ($routeProvider) { 
    var employeeListRoute = { 
     templateUrl: "components/employee_list/employeeListView.html" 
    }; 

    var otherwiseRoute = employeeListRoute; 

    $routeProvider 
     .when("/employeeList", employeeListRoute) 
     .otherwise(otherwiseRoute);

Вот мой index.html (опущено не имеет значения элементы):

<!DOCTYPE html> 
<html lang="en" ng-app="employeesApp"> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script> 

    <script src="app.route.js"></script> 
    <script src="components/employee_list/employeeListCtrl.js"></script> 
</head> 
<body> 
    <div> 
     <ng-view /> 
    </div> 
</body> 
</html>

Что я делаю w rong при попытке использовать ui-router?

источник

2016-07-14 Alon

Любые ошибки в консоли? включили ли вы 'angular-ui-router.js'? –

@Pankaj Parkar ошибок нет в консоли, и я включил угловые ui-router.js. В качестве доказательства: в противном случае утверждение работает. – Alon

Существует хороший шанс, что вы не указали директиву ui-view: '

'. У вас есть «ui-view» где угодно, чтобы загружать представления? –

Как @AminMeyghani уже сказал, вы должны использовать ui-view вместо ng-view директивы, чтобы маршрутизатор знал, что относительное вид должен быть загружен в ui-view директивы

<div> 
    <ui-view></ui-view> 
</div>

Demo here

источник

2016-07-14 15:35:12

угловой-ui-router не работает

ответ

Смежные вопросы