Javascript AngularJS模板未正确加载

我最近开始自学web开发基础知识，目前，我尝试从AngularJS开始。但不幸的是，我的第一个项目没有成功。我试图自己解决它，但我找不到问题。在我看来，我只是没有以正确的方式包含或导入Angular代码

我的问题是：它没有计算angular脚本app.js的结果，而是显示：

{{{这里应该是angular related stuff}}

我希望你能帮我解决我恼人的调试问题。我也希望听到关于我的第一个代码的其他反馈，哪些东西是无用的，或者我还需要做什么或思考什么

---

非常感谢您的帮助和时间

我的文件夹树：

• 应用程序
  • app.js
• 鲍尔元件
  • 棱角的
  • 引导
  • d3
  • jquery
• css
  • style.css
• js
  • index.js
• 节点单元
• bower.json
• index.html

//定义“SmartIndustryInterfaceApp”模块
var smartIndustryInterface=angular.module（'smartIndustryInterface'，[]）；
smartIndustryInterface.controller（'WaelzlagerListController'，
函数WaelzlagerListController（$scope）{
$scope.WaelzlagerList[
{
名称：“Nexus S”，
片段：“使用Nexus S，Fast变得更快了。”
}, {
名称：摩托罗拉XOOM™ 使用Wi-Fi’，
片段：“下一代，下一代平板电脑。”
}, {
名称：摩托罗拉XOOM™',
片段：“下一代，下一代平板电脑。”
}
];
});

智能工业接口
包含noch geladen的文本


{{waelzlager.name}
{{waelzlager.snippet}



{{{firstName+“”+lastName}
var app=角度模块（“智能工业接口”[]）；
应用控制器（“测试”，功能（$范围）{
§scope.firstName=“John”；
$scope.lastName=“Doe”；
});
到目前为止有几件事：

对象数组定义不正确：

        $scope.WaelzlagerList = [
    {
      name: 'Nexus S',
      snippet: 'Fast just got faster with Nexus S.'
    }, {
      name: 'Motorola XOOM™ with Wi-Fi',
      snippet: 'The Next, Next Generation tablet.'
    }, {
      name: 'MOTOROLA XOOM™',
      snippet: 'The Next, Next Generation tablet.'
    }
  ];

然后内联JS中有一个狡猾的字符：

**§**scope.firstName = "John";

您可能需要问问自己，为什么这需要内联，这将使测试对您来说更加困难。还有其他问题，但这是两个问题。“测试”控制器似乎也存在负载顺序问题。看看这是否有帮助

添加plunkr，谢谢VRPF：
主要问题是：

1-错误字符§应为$

§scope.firstName=“John”

应该是

$scope.firstName=“John”

2-在
$scope.WaelzlagerList=[…]中缺少等号

通过将内联控制器与第一个控制器一起移动到，我稍微清理了代码


//定义SmartIndustryInterfaceApp模块
var smartIndustryInterface=angular.module（'smartIndustryInterface'，[]）；
smartIndustryInterface.controller（'WaelzlagerListController'，
职能（$范围）{
$scope.WaelzlagerList=[
{
名称：“Nexus S”，
片段：“使用Nexus S，Fast变得更快了。”
}, {
名称：'Motorola XOOM WiFi'，
片段：“下一代，下一代平板电脑。”
}, {
名称：“摩托罗拉XOOM”，
片段：“下一代，下一代平板电脑。”
}
];
});
smartIndustryInterface.controller（“测试”，功能（$scope）{
$scope.firstName=“John”；
$scope.lastName=“Doe”；
});
//angular.element（文档）.ready（函数（）{
//引导（文档，['SmartIndustryInterface']）；
//});

智能工业接口
包含noch geladen的文本


{{waelzlager.name}
{{waelzlager.snippet}



{{{firstName+''+lastName}
与您的浏览器开发工具（F12）交朋友。控制台中会抛出哪些错误？同样，在相同的工具中，使用“网络”选项卡检查所有组件的加载状态files@charlietfl喜欢是因为我忘了
F12
是键盘快捷键，在过去的六个月里，我一直在通过菜单系统查找开发工具。反复地打自己的头非常感谢你的帮助。对，丢失的“$”只是一个转储错误。我也很感激代码清理。我从列表（ng控制器Waelzlager）开始，但随后我尝试用angular修复错误。通过内联脚本和ng控制器“测试”，我试图首先找到我的问题。但不幸的是，您的代码修复程序也无法解决问题。你认为我需要在app.js中使用angular，还是angular在我的项目中不起作用？非常感谢你的帮助。对，丢失的“$”只是一个转储错误。我也很感激代码清理。我从列表（ng控制器Waelzlager）开始，但随后我尝试用angular修复错误。通过内联脚本和ng控制器“测试”，我试图在中找到我的问题