0

angularjs アプリケーションを構築しようとしています。すべて問題ないようで、エラーはありませんが、機能していません。他の要因を取り除くために、すべて (requirejs など) を削除し、小さな html ファイルにまとめました。

html の js コードは次のとおりです。

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="bower_components/angular/angular.js"></script>
        <script src="bower_components/angular-route/angular-route.js"></script>
        <script>


        angular.module('application', ['ngRoute']);
        angular.module('application').config(['$routeProvider', function($routeProvider) {
            $routeProvider.when('/', {template: 'test content', controller: 'controller1'});
            $routeProvider.otherwise({redirectTo: '/'});
        }]);
        angular.module('application').controller('controller1', ['$scope', function($scope) {
            console.log('in controller1');
        }]);
        angular.bootstrap(document, ['application']);


        </script>
    </head>
    <body>
    </body>
</html>

私が期待している結果は、ページの「テスト コンテンツ」と、コンソールの「コントローラー 1」です。うまくいかない理由を教えてください。

4

3 に答える 3

2

Angular JS は、html で宣言された ng-app および ng-controller ディレクティブを使用してブートストラップします。

これを参照してください：

http://docs.deployd.com/docs/collections/examples/a-simple-todo-app-with-angular.md

于 2013-10-19T14:56:36.317 に答える