Question

这对你来说肯定是一个简单的修复AngularJS专家。简而言之，我已经采取了角度种子项目，并对“应用程序”进行了微调。文件夹到我想要的文件结构。我无法获得显示“＆＃39;消息”的根路由。在dashboard.html范围内指定并在dashboard.html视图中调用。

这是文件夹结构：

app │ index.html │ app.js │ └───dashboard │ │ dashboard.js │ │ dashboard.html

尽管如此，我已经解决了这个问题很长一段时间了，无法找出解决方案。我试过拿样板并运行它似乎工作。我错过了什么吗？

以下是每个文件中的代码：

的index.html

<!DOCTYPE html>
<html ng-app="app" lang="en">
  <head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="app.css">
  </head>
  <body>


    <div ng-view></div>


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.min.js"></script>


    <script src="app.js"></script>
    <script src="dashboard/dashboard.js"></script>

  </body>
</html>

app.js

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

app.config(function ($routeProvider) {
  $routeProvider

  // route for the home page
    .when('/', {
    templateUrl: 'dashboard/dashboard.html',
    controller: 'dashboardController'
  });
});

仪表板/ dashboard.js

angular.module('app', []);

app.controller('dashboardController', function($scope) {
        // create a message to display in our view
        $scope.message = 'Dashboard';
    });

仪表板/ dashboard.html

<h1>{{message}}</h1>

无法让AngularJS文件相互通信

0 个答案: