javascript - 为什么 AngularJS Controller 无法在我的电脑上运行?

标签 javascript angularjs web controller angularjs-controller

我已经开始学习 MEAN Stack 并想尝试一些代码,但 AngularJs Controller 无法在我的电脑上运行。我的 Acer Aspire V Nitro 上安装的是 Windows 10。

任何人都可以帮忙吗?将不胜感激。

我的代码 - (索引.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 文件夹中。

谢谢。

最佳答案

您的代码中有 2 个 ng-app,位于 divhtml 中。尝试删除其中一个(我建议删除 div 中的那个)。

请参阅下面的代码

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
  function($scope) {
    $scope.greeting = { text: 'Hello' };
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="appname">

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

</html>

关于javascript - 为什么 AngularJS Controller 无法在我的电脑上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38843804/

相关文章:

javascript - 输入模型在更改时从 Integer 更改为 String

javascript - 如何使用 jQuery 迭代选择 html 选项,具体取决于另一个选择 html 元素的选项值

javascript - 使用 session.Storage 传递包含 Array 的 JSON 对象

javascript - 使用 Browserify 可变地加载 AngularJS 模块

javascript - 如何让页面加载感觉更快?

javascript - 使用 JavaScript 的性能数据表

javascript - Angularjs + Bootstrap : Google Page Insight test

javascript - 如果在 Angular JS 中未选中复选框,则禁用按钮

javascript - 为什么{}+{}在同一个浏览器下会有不同的结果