Question

以下是我的app.html - 模板，其中我将注入我的其他部分视图，

<html ng-app="billApp">
<head>
  <!-- SCROLLS -->
  <!-- load bootstrap and fontawesome via CDN -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />

  <!-- SPELLS -->
  <!-- load angular via CDN -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
  <script src="script.js"></script>
</head>

<!-- define angular controller -->
<body ng-controller="mainController">

...

<!-- MAIN CONTENT AND INJECTED VIEWS -->
<div id="main">
    {{ message }}

    <!-- angular templating -->
    <!-- this is where content will be injected -->
</div>
</body>
</html>

这是script.js文件，它是应用程序的控制器，

// script.js

// create the module and name it scotchApp
var billApp = angular.module('billApp', []);

// create the controller and inject Angular's $scope
billApp.controller('mainController', function($scope) {

    // create a message to display in our view
    $scope.message = 'Everyone come and see!';
});

当我尝试使用命令行

运行script.js文件时

将目录更改为nodejs目录
输入'节点路径项目文件\ script.js'

会抛出以下错误， var billApp = angular.module（'billApp'，[]）; 参考误差角度未定义。

我在某种程度上错过了一些基本的细节。如果有人能在这里给我一些指示，那就太棒了

Answer 1

替换

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-resource.min.js"></script>

与

对齐

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-resource.min.js"></script>

因为它没有获得ngResource所需的库。

AND

在开始

中包含此行

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

Answer 2

你需要在角度脚本之前加入jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

参考错误 - 未定义角度

2 个答案: