Question

在这里，我无法路由，我的文件与“consumpt.html”位于同一文件夹中 'fulfillment.html'

<html>
    <head>
         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
              <script src="assets/jquery-1.12.4.min.js" type="text/javascript"></script>
        <script src="assets/bootstrap-3.3.7/js/bootstrap-3.3.7.min.js" type="text/javascript"></script>
    </head>
    <body ng-app="myapp">

                            <a  href="#/">Fulfill</a>
                            <a  href="#/consumpt">Consumpt</a>

      <div class='col-xs-12 rmpm' style='height:auto;' ng-controller="viewForNavigation">
                    <div ng-view></div>
                </div>
    <script>
      angular.module('myapp', ['ngRoute']).config(function ($routeProvider) {
            $routeProvider.when('/consumpt', {
                controller: 'viewForNavigation',
                templateUrl: 'consumpt.html'
            });

            $routeProvider.when('/', {
                controller: 'viewForNavigation',
                templateUrl: 'fulfillment.html'
            })
    });
    </script>
    </body>
    </html>

Answer 1

我没有看到任何会加载控制器的脚本标签（它们看起来都像是第三方依赖关系）。您似乎仍需要使用Angular注册控制器：

angular.module('myapp').controller("viewForNavigation", ["dep1", "dep2", function(dep1, dep2) {
    // Your controller code
}])

此外，如果您将其放在路线的ng-controller属性中，则视频中不应该controller。

无法路由到angularjs中的不同模板

1 个答案: