angular-ui-router不起作用

Question

我無法使用ui-router進行路由。 ng-route對我來說確實有用，所以我一定錯過了一些基本的知識。 沒有錯誤，但我沒有任何意見。

下面的代碼無法正常工作（除另有聲明）：

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>

嘗試使用ui路由器時我在做什么錯？

Answer 1

正如@AminMeyghani已經說過的那樣，您應該使用ui-view而不是ng-view指令來使路由器知道應該在ui-view指令中加載相對視圖

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

在這里演示

angular-ui-router不起作用

問題描述

1 個解決方案

解決方案1
3 已采納 2016-07-14 15:35:12

angular-ui-router不起作用

問題描述

1 個解決方案

解決方案1 3 已采納 2016-07-14 15:35:12

解決方案1
3 已采納 2016-07-14 15:35:12