我试图使用一个名为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"
});
