【发布时间】:2016-11-17 02:27:44
【问题描述】:
以下是我的 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目录
输入'node path-of-the-project-file\script.js'
这会引发以下错误, var billApp = angular.module('billApp', []); 未定义参考误差角度。
我不知何故错过了一些基本细节。如果有人可以在这里给我一些指示,那就太好了
【问题讨论】:
-
在您的代码中看不到任何错误。请在这里找到工作的 plunker:plnkr.co/edit/zQ7PIgaJlwkPVCHeNIR2?p=preview
-
在 angular 之前包含 jquery
-
感谢@varit05 它有效!
标签: javascript angularjs node.js