0

私のスクリプトは次のとおりです。

index.html

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>My Application</title>
</head>
<body>
    <div ng-view></div>

    <script src="/assets/vendor/angular/angular-1.2.16.min.js"></script>
    <script src="/assets/vendor/angular/extras/angular-route.js"></script>
    <script src="/assets/myapp/myApp.js"></script>
</body>
</html>

myApp.js

(function () {
    angular.module('myApp', ['ngRoute'])
           .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
               $routeProvider.
                 when('/', {
                     template: '<h1>Home</h1>',
                     controller: function () {
                         console.log('Home');
                     }
                 }).
                 when('/books', {
                     template: '<h1>Books</h1>',
                     controller: function () {
                         console.log('Books');
                     }
                 });
               $locationProvider.html5Mode(true);
               console.log('routes configured');
           }]);
})();

問題が何であるかを理解するのに多くの時間を無駄にしましたが、運が悪かったのです。私は何かばかげたことを見逃していますか？助けてくれてありがとう。

4

2 に答える 2

1

サーバーのルートでアプリケーションをホストしていますか? そうでない場合は、head タグで以下のタグを使用する必要があります。

<base href="PATH_HERE" />

さらに、$locationProvider.html5Mode(true) 行をコメントアウトして、最初にアプリをハッシュ ルーティング モードで動作させることはできますか?

于 2014-05-20T09:54:23.863 に答える
0

質問ですが、コントローラーに関数を追加することは可能です-> controller:function()? 普通ならこうするから。controller:'mainController' を作成し、関数を mainController に配置します。

于 2014-05-20T09:50:47.787 に答える