angular-ui-router가 작동하지 않습니다.

ui-router를 사용하여 경로를 관리 할 수 없습니다. 그것은 ng-route와 함께 나를 위해 일합니다. 그래서 나는 무언가를 놓쳤을 것입니다. 오류는 없지만 아무런 견해가 없습니다.angular-ui-router가 작동하지 않습니다.

다음 코드는 (그렇지 않으면 문을 제외하고) 하지 작업을 수행 : 여기

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을 것입니다 (관련이없는 생략 :

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

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

다음 코드는 작동합니까 요소) :

<!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>

내가 뭘하고있는거야? ui-router를 사용하려고 할 때?

출처

2016-07-14 Alon

콘솔에서 오류 내부에 적재해야합니다 알고 라우터를 얻을 수 ui-view 대신 지시 ng-view의를 사용한다 말했듯이? 'angular-ui-router.js'를 포함 시켰습니까? –

@ Pankaj Parkar 콘솔에는 오류가 없으며 angular-ui-router.js가 포함되어 있습니다. 증거로서 : 다르게 진술이 효과가있다. – Alon

ui-view 지시어가 누락되었을 가능성이 큽니다 : '

'. 뷰를로드 할 'ui-view'가 있습니까? –

는 @AminMeyghani은 이미 상대보기 ui-view 지침

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

Demo here

출처

2016-07-14 15:35:12

angular-ui-router가 작동하지 않습니다.

답변

관련 문제