我试图使用一个名为configuration-list的非常简单的组件来启动AngularJS 1.5.9并运行MVC 5应用程序.
我创建了一个MVC 5应用程序(4.5.2),添加了Angular.Core 1.5.9 Nuget包
为了从图片中获取MVC 5,布局和剃刀渲染,我创建了一个名为test.htm的简单文件：
- <!DOCTYPE html>
- <html ng-app>
- <head>
- <title></title>
- <Meta charset="utf-8" />
- <script src="Scripts/angular.js"></script>
- <script src="Scripts/app/module.js"></script>
- </head>
- <body>
- <configuration-list></configuration-list>
- </body>
- </html>
在module.js中：
- (function () {
- "use strict";
- angular.module("radar",[]).component("configuration-list",{
- template: "Hello from configuration list"
- });
- }());
浏览器(IE 11)出现空白.
我已打开调试工具并转到控制台选项卡,并且没有记录错误.
我在module.js中放了一个断点,它被命中(所以我知道代码正在运行)
我试过将脚本移动到body标签中的组件下面
我试过在html标签中设置ng-app =“radar”
知道我错过了什么吗？
解决方法
对于组件,命名必须是camelcase,而不是连字符
- angular.module("radar",[]).component("configurationList",{
- template: "Hello from configuration list"
- });
