Fatal编程技术网
  • javascript/
  • Javascript 为什么我的angularJS不能在我的示例web上工作？

Javascript 为什么我的angularJS不能在我的示例web上工作？

javascript html css angularjs

Javascript 为什么我的angularJS不能在我的示例web上工作？,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我试图学习AngularJs并编写一些代码，但当我在浏览器Chrome/IE上运行它时，javavscript代码无法工作。{{product.like}}代码不起作用。我必须安装什么或依赖什么？我感谢所有的帮助和回答。对不起，我的英文是： HTML代码： -mainController.js 尝试在标记中添加此行 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">&l

我试图学习AngularJs并编写一些代码，但当我在浏览器Chrome/IE上运行它时，javavscript代码无法工作。{{product.like}}代码不起作用。我必须安装什么或依赖什么？我感谢所有的帮助和回答。对不起，我的英文是：

HTML代码：

-mainController.js

尝试在标记中添加此行

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
来源：

您的应用程序中没有包含AngularJS。正如您所说，您可以安装它，我建议您这样做，但您仍然需要引用它。下面是在堆栈片段中运行的原始代码，其中包括顶部的AngularJS

作用{ 严格使用； window.app=angular.modulemyyapp，[]； }; 作用{ 严格使用； app.controller'mainController'，['$scope'，function$scope{ $scope.like=0； $scope.plusOne=函数索引{ $scope.like[index].likes+=1； }; }]; }; 瞬时图 不寻常的日落 1927年以前的大都市 天堂 适用于iPhone和Android。
选择一个版本并从下载js文件，然后将其添加到head标记下。这里的主要问题是您必须将脚本置于

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel = "stylesheet" href = "css/style.css">
<title>InstantGram | Posts</title>
<link rel="icon" type="image/gif/png" href="icon.png">
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
<script src="js/app.js"></script>
<script src="js/controllers/mainController.js"></script>
</head>
控制台中是否有错误？我看到了加载app.js和mainController.js的标签，但是否有加载angular.js的标签？ 
  app.controller('mainController', ['$scope', function($scope) { 
    $scope.like =  0;
    $scope.plusOne = function(index) { 
      $scope.like[index].likes += 1; 
    };
  }]);

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

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel = "stylesheet" href = "css/style.css">
<title>InstantGram | Posts</title>
<link rel="icon" type="image/gif/png" href="icon.png">
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
<script src="js/app.js"></script>
<script src="js/controllers/mainController.js"></script>
</head>