angularJS$routeProvider
我在grails应用程序中使用angularJS。在此之前,我尝试了一个来自互联网的样本。我尝试在主视图中使用angularJS$routeProvider处理部分视图。我的工作流程如下:angularJS$routeProvider,angularjs,grails,Angularjs,Grails,我在grails应用程序中使用angularJS。在此之前,我尝试了一个来自互联网的样本。我尝试在主视图中使用angularJS$routeProvider处理部分视图。我的工作流程如下: var sampleApp = angular.module('routeApplication', ['ngRoute']); sampleApp.config(['$routeProvider', function($routeProvider) { var base = '${
var sampleApp = angular.module('routeApplication', ['ngRoute']);
sampleApp.config(['$routeProvider',
function($routeProvider) {
var base = '${request.contextPath}';
$routeProvider.
when('/AddNewOrder', {
templateUrl: 'templates/add_order.html',
controller: 'AddOrderController'
}).
when('/ShowOrders', {
templateUrl: 'templates/show_orders.gsp',
controller: 'ShowOrdersController'
}).
otherwise({
redirectTo: '/AddNewOrder'
});
}]);
sampleApp.controller('AddOrderController', function($scope) {
$scope.message = 'This is Add new order screen';
});
sampleApp.controller('ShowOrdersController', function($scope) {
$scope.message = 'This is Show orders screen';
});
我的主要观点是index.gsp:
<!DOCTYPE html>
<html lang="en">
<head>
<title>AngularJS Routing example</title>
</head>
<body ng-app="routeApplication">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="nav">
<li><a href="#AddNewOrder"> Add </a></li>
<li><a href="#ShowOrders"> Show </a></li>
</ul>
</div>
<div class="col-md-9">
<div ng-view></div>
</div>
</div>
</div>
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/app.js"></script>
</body>
</html>
注意:我创建了一个templates文件夹,并将我的部分视图放在上面
这个问题是,每当我单击加载我的局部视图时,它都会显示
`http://localhost/angularJSrouting/templates/show_orders.gsp`
404 Not Found
我是否遗漏了某些内容,或者放置局部视图时是否存在任何问题?您必须重定向到
http://localhost/#/angularJSrouting/templates/show_orders.gsp url
你能在这些html行中使用“/”而不是“#”吗
<li><a href="#AddNewOrder"> Add </a></li>
<li><a href="#ShowOrders"> Show </a></li>
我认为这行不通。由于您的templateUrl为templates/show_orders.gsp angularjs将尝试在您的Web应用程序的templates文件夹中查找该文件。“/”不起作用。我已经像你说的那样尝试了重定向,但是没有成功。谢谢你的回复,Rishi Saraf。我还将我的视图放在webapp的templates文件夹中,但它也不起作用。我感到困惑!!。最后,模板文件夹应该放在webapp中。对于文件的html扩展名,它将用作文件名。但在普惠制的情况下,它需要添加一个下划线,令人惊讶的是,在添加了类似“s”的复数形式之后。如果是gsp:文件名_show_orders.gsp和templateUrl templates/_show_orders.gsp