AngularJS脚本无法执行问题：附相关HTML及脚本代码示例

我帮你找出了几个导致脚本无法正常执行的关键问题，一个个来解决：

• JavaScript大小写错误：JavaScript是严格区分大小写的语言，你代码里的Var必须写成小写的var，大写的Var会被浏览器识别为未定义的变量，直接触发脚本报错。
• 脚本标签未闭合：HTML中的<script>标签必须用</script>闭合，你引入angular.min.js和apponesrc.is的标签都没写闭合标签，浏览器无法正确解析这些脚本文件。
• 脚本文件名后缀错误：你写的apponesrc.is应该是apponesrc.js，.is不是合法的JavaScript文件后缀，浏览器找不到对应的脚本文件，自然没法执行控制器逻辑。
• DOCTYPE声明不规范：虽然这不是核心问题，但规范的DOCTYPE声明应该是<!DOCTYPE html>（无空格、全大写），避免浏览器触发怪异渲染模式。

修正后的AngularJS脚本（保存为apponesrc.js） #

var newApp = angular.module("appone",[]).controller("appController", function ($scope){
  var persons = [ {name:"sue", points:4}, {name:"Joe", points:7}];
  $scope.p = persons;
  $scope.message = "those are the points";
});

修正后的HTML页面 #

<!DOCTYPE html>
<html ng-app="appone">
<head>
  <script src="angular.min.js"></script>
  <script src="apponesrc.js"></script>
</head>
<body ng-controller="appController">
  <table>
    <thead>
      <tr><td>name</td><td>points</td></tr>
    </thead>
    <tbody>
      <tr ng-repeat="person in p">
        <td>{{person.name}}</td>
        <td>{{person.points}}</td>
      </tr>
    </tbody>
  </table>
  <p>{{message}}</p>
</body>
</html>

按照上面的修正调整后，你的AngularJS代码应该就能正常渲染数据和消息了。如果还有问题，可以打开浏览器开发者工具（F12）查看控制台的报错信息，进一步定位问题。

内容的提问来源于stack exchange，提问作者theTechApprentice