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>

admin.html

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

data-view.html

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

2 に答える 2

0 
var myapp = angular.module('sampleapp', ['ngRoute']);

依存関係も追加する必要がngRouteあります。あなたsampleappはに依存しているためngRouteです。

<div ng-view></div>

これも追加する必要があります。パーシャルはこの div にロードされます。これを の中に入れbodyます。

于 2014-10-15T11:49:55.843 に答える
0

index.html ファイルに angular-route.js が追加されていることを確認してください。

また、基本的なセットアップについては、ui ルーターのドキュメントを参照してください。

于 2014-10-15T11:16:51.200 に答える