我正在尝试启动 AngularJS 1.5.9 并使用名为配置列表的非常简单的组件运行 MVC 5 应用程序。
我创建了一个 MVC 5 应用程序 (4.5.2),添加了 Angular.Core 1.5.9 Nuget 包
为了摆脱 MVC 5、布局和 Razor 渲染,我创建了一个名为 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"
知道我错过了什么吗?
最佳答案
对于组件,命名必须是驼峰式,而不是连字符
angular.module("radar", []).component("configurationList", {
template: "Hello from configuration list"
});
关于javascript - 简单的 AngularJS 1.5.9 组件不在 MVC 5 中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41857064/