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)
| 归档时间: |
|
| 查看次数: |
3422 次 |
| 最近记录: |