javascript - Angular 错误 : [$injector:modulerr] 1. 4.5

标签 javascript angularjs node.js mean-stack

我在基本的 MEAN 应用程序中收到注入(inject)器:modulerr 错误...

这是我的 home.html:

<!DOCTYPE html>
<html ng-app="jobs">
  <head>
    <title>GA Jobs</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="/javascripts/main.js"></script>
  </head>
  <body>


    <div class="time-slot" ng-controller="JobsController">

      <form class="form-inline" role="form" action="/upload" method="/post">
        <select>
          <option value="hit_list">Hit List</option>
          <option value="contact">Contact</option>
          <option value="engagement">Engagement</option>
          <option value="hired">Hired</option>
        </select>
        <input type="text" ng-model="company" class="form-control" name="company" id="company" placeholder="Company">
        <input type="text" ng-model="contact" class="form-control" name="contact" id="contact" placeholder="Contact">
        <button type="button" class="btn btn-default">Add</button>
      </form>

      <h1>this is home.html</h1>
      <h1>{{company}}</h1>
      <h1>{{contact}}</h1>

    </div>

  </body>
</html>

这是我的 main.js:

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

app.config(function($routeProvider) {

    $routeProvider
    .when('/', {
      templateUrl: 'home.html',
      controller: 'JobsController'
    })
})

app.controller('JobsController',
function($scope, $stateParams, posts){

});

这是否与 View 中的服务器路由器和 ejs 文件有关?我对客户端 Angular 路由器如何与 Node 服务器端路由器一起工作感到困惑。请帮忙。

最佳答案

应用无法加载 ngRoute 模块。 ngRoute 已移至其自己的模块,不再是核心的一部分。

您需要包含 angular-route 模块才能使用 ngRoute。您应该替换此行:

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>

这样:

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

关于javascript - Angular 错误 : [$injector:modulerr] 1. 4.5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35005718/

相关文章:

javascript - jQuery:动画如果其他滚动功能

javascript - 将变量从 PHP 转换为 Javascript 以用于 Google Analytics 电子商务跟踪代码

javascript - Bootstrap 模态上的 Angular JS ui-grid

javascript - 如何通过适当的 async/await/promises 提高此代码的速度

javascript - 为什么我不能在 node.js 中对这个 URL 进行 url 编码?

javascript - 当 WebView 位于 ScrollView 内时,ScrollTo() 方法不起作用

javascript - eval() 字符串替换 | JavaScript

angularjs - 如何在 Bootstrap 中有条件地控制/停止数据切换?

javascript - AngularJS - 通过 ng click 在 ng Repeat 中的项目之间切换

javascript - Electron.js/包裹错误: fs.存在Sync不是函数