Question

我是角色新手，现在玩ui-router。我已经设置了

// app.js

var app = angular.module('app', [
'ui.router',
'appControllers'

]）

app.config(function($stateProvider){
 $stateProvider
     .state('courses',{
         url: '/courses',
         templateUrl:'partials/courses.html',
         controller: 'CourseListCtrl'
     })

}）

// controllers.js

var appControllers = angular.module("appControllers", ['ui.bootstrap', 'ui.router'])
appControllers.controller('CourseListCtrl', ['$scope', '$http', function($scope, $http){
$http.get('data/courses.json').success(function(data){
    $scope.courses = data
    console.log(data)

})
}])

// index.html的

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

// courses.html

<div style="text-align: center" class="col-md-3" ng-repeat="c in courses>
<a href="#/overview/1"><img src="../img/team-placeholder.png" alt="Team photo"></a>

   <br>
   <span>{{c.title}}</span>
   <p>{{c.description}}</p>

当我在我的localhost上运行并转到/ courses时，我收到以下错误：错误回复

错误代码404。

消息：找不到文件。

错误代码说明：404 = Nothing与给定的URI匹配。

我希望你们其中一个人知道我做错了什么，因为我无法理解。

日Thnx

Answer 1

您需要转到#/courses。如果您直接发出/courses请求，您的服务器将尝试提供该路径，除非您正在进行某种重写操作。您应该让服务器重写对索引的所有请求。

如果您不想使用#/courses语法并在应用已运行时直接使用 ，请使用/courses

具有多个导航栏的角度

1 个答案: