AngularJS:ng-view内的控制器

时间:2018-03-04 08:38:16

标签: angularjs angularjs-controller ng-view angularjs-ng-route angular1.6

触发ng-route时,控制器负载有问题。 这是我的主页:

    <!DOCTYPE html>
    <html>
    <head ng-app="testapp">
        <script type="text/javascript" src="angular.js"></script>
        <script type="text/javascript" src="angular-route.js"></script>
<script type="text/javascript" src="app.js"></script>
            <title>XX</title>
    </head>
    <body>
        <nav ng-controller="defaultnav"></nav>
        <div ng-view></div>
    </body>
    </html>

这是我的app.js文件:

 var app = angular.module('testapp', ['ngRoute']);

app.config(function ($routeProvider) {
            $routeProvider.
                when("/", {
                    templateUrl: "index.html"
                })
                .when("/page1", {
                    templateUrl: "page1.html"
                })
        })

在page1.html里面我是这样的控制器:

<div ng-controller="page1">

</div>

<script type="text/javascript">
    app.controller('page1', function ($scope) {
        // code...
    })
</script>

我不知道处理这个问题的最佳做法。当我编码这个我得到错误[错误,ctrlreg]它说我有关于注册控制器的问题。 请给我建议解决这个问题。 提前谢谢。

0 个答案:

没有答案