0

我在 tomcat 中配置了一个小角度应用程序，它工作正常，但是当我尝试使用 route-Provider 时它不工作。我无法路由到我的观点。我不知道为什么？

任何人都可以为此举一些小例子。

我的代码文件

//this is controllers.js
var myapp = angular.module('sampleapp', []);
myapp.config('$routeProvider',function myRoute($routeProvider) {
    $routeProvider.
    when('/', {
        templateUrl: 'partials/admin.html',
        controller: 'adminController'
      })
      when('/showdata', {
          templateUrl: 'partials/data-view.html',
          controller: 'dataController'
        }).
      otherwise({
        redirectTo: '/'
      });
  });


adminController = function ($scope) {
    $scope.message = "Welcome to Login Page";
}

dataController = function ($scope) {
    $scope.message = "Welcome to Show Data Page";
}

myapp.controller(controllers)

我的 index.html

<html>
<base href="/advangularjs/" />
<head>
<link type="text/css" rel="stylesheet" href="css/default.css">
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="demoweb_angular/controllers.js"></script>

</head>
<body ng-app="sampleapp" style="background-color: #E0EEE0">

<a href="#"> Login </a> |
<a href="showdata"> Show Data </a>

<div ng-view align="center" style="border: 1px solid red;">

</div>
</body>
</html>

管理员.html

<b>{{ message }}</b>

数据视图.html

<b>{{ message }}</b>
4

2 回答 2

0

确保在 index.html 文件中添加了 angular-route.js。

也请通过 ui router 的文档进行基本设置

于 2014-10-15T11:16:51.200 回答
0 
var myapp = angular.module('sampleapp', ['ngRoute']);

您还需要添加ngRoute依赖关系。因为你sampleapp是依赖于ngRoute.

<div ng-view></div>

你还需要添加这个。部分正在加载到此 div。把这个放在里面body。

于 2014-10-15T11:49:55.843 回答