简单的AngularJS 1.5.9组件在MVC 5中不呈现

Ric*_*der 7 javascript asp.net-mvc angularjs

我试图使用一个名为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>
Run Code Online (Sandbox Code Playgroud)

在module.js中:

(function () {
    "use strict";

    angular.module("radar", []).component("configuration-list", {
        template: "Hello from configuration list"
    });
}());
Run Code Online (Sandbox Code Playgroud)

浏览器(IE 11)出现空白.

我已打开调试工具并转到控制台选项卡,并且没有记录错误.

我在module.js中放了一个断点,它被命中(所以我知道代码正在运行)

我已经尝试将脚本移动到body标签中的组件下面

我试过在html标签中设置ng-app ="radar"

知道我错过了什么吗?

Dan*_*zik 16

对于组件,命名必须是camelcase,而不是连字符

angular.module("radar", []).component("configurationList", {
    template: "Hello from configuration list"
});
Run Code Online (Sandbox Code Playgroud)