Question

我已经开始学习MEAN Stack并想尝试一些代码，但AngularJs Controller不能在我的电脑上工作。我的Acer Aspire V Nitro上有10个窗口。

任何人都可以帮忙。将受到高度重视。

我的代码 - （index.html的）

<!DOCTYPE html>
<html ng-app="appname">

  <head>
    <script src="angular.min.js"></script>
    <link href="style.css" rel="stylesheet"/>
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-app="appname" ng-controller="appCtrl">
      <p>{{greeting.text}}, world </p>
    </div>
  </body>

</html>

（app.js）

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
  function($scope) {
    $scope.greeting = { text: 'Hello' };
}]);

这两个文件都在C：// test文件夹中。

谢谢。

Answer 1

您的代码，ng-app和div中有2 html。尝试删除其中一个（我建议删除{{1}中的一个） }）。

请参阅以下代码

div

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
  function($scope) {
    $scope.greeting = { text: 'Hello' };
}]);

Answer 2

您应该包含一个名为 script.js 的文件，该文件应为 app.js 。确保这一点：

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

指向控制器已注册的js。

Answer 3

根据您的说法，angular代码位于文件app.js中，但未附加到index.html页面，因此请将其放置为：

<script src='app.js'></script>

为什么AngularJS控制器无法在我的电脑上运行？

3 个答案: