AngularJS/HTML中<script>标签语法及功能失效问题求助

核心问题：app.js语法错误 #

你的app.js存在语法错误，导致AngularJS模块和控制器无法正确注册，这是功能失效的根本原因：

错误代码：

angular.module('app', [].controller('MainController', function() {
    this.num1 = 0;
    this.num2 = 0;

}));

在angular.module('app', [])部分，依赖数组[]后面缺少闭合的)，正确写法应该是先完成模块定义，再链式调用controller方法：

修正后的app.js：

angular.module('app', []).controller('MainController', function() {
    this.num1 = 0;
    this.num2 = 0;
});

路径引入的补充说明 #

你当前使用的./app.js相对路径是有效的（文件同目录下），但注意：

• Chrome直接打开本地file://协议的HTML时，绝对路径可能因浏览器安全策略被拦截，建议始终用相对路径
• 确认文件名大小写完全一致（Windows虽不区分，但保持一致性可避免潜在问题）

验证方法 #

修复后按F12打开Chrome开发者工具：

• 查看Console面板，确认无JavaScript报错
• 到Sources面板检查app.js是否成功加载
• 可在控制器内添加console.log('控制器已初始化')，验证控制器是否正常运行

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