私は次のページを持っています:
<!doctype html>
<html lang="en" ng-app="myModule">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
var myModule = angular.module('somename', []);
myModule.config(function ($routeProvider) {
$routeProvider.
when('/zzz', {templateUrl:'' , controller: TestCtrl}).
when('/test1', {template:' ', controller: TestDataCtrl}).
when('/test2', {template:'/abc ', controller: function TestCtrl1() {alert("test2")} }).
when('/test/:userid', { controller: TestDataCtrl }).
when('/users/:userid', {templateUrl: '/users/:userid?html=true', controller: UserDataCtrl}).
otherwise({redirectTo: '/works'});
});
function TestCtrl($scope) { alert("test") }
function UserDataCtrl($scope, $http) {
...
}
function TestDataCtrl($scope, $http, $routeParams, $route) {
$http.get('users/1').success(function (data) {
console.log("UserDataCtrl");
$scope.user = data;
});
}
</script>
</head>
<body ng-app="myModule">
<div ng-view></div>
{{1+1}}
</body>
</html>
1)次のURLに移動すると、http://localhost:7000/service/1#/test1
常に2つのリクエストがサーバー(私の場合はRESTサービス)に送信されhttp://localhost:7000/service/1
ますhttp://localhost:7000/archivarius/users/1
. おそらくAngularJsコントローラを使用して、最初の(役に立たない)ブラウザリクエストをどうにかして処理できますか? ユーザーがURLを入力するhttp://localhost:7000/service/1#/test1
と、test2コントローラーで唯一のこと(リクエスト)が発生するはずです。出来ますか?
2) ルーティング構成で、テンプレートまたは templateUrl を指定する必要があるのはなぜですか? ルートにコントローラーだけを指定できないのはなぜですか?