javascript - Angularjs 找不到 Controller

标签 javascript angularjs asp.net-mvc

我对 Angularjs 很陌生。我在 VS2015 中创建了一个 mvc 项目。在布局页面中我添加了这些文件:

<html data-ng-app="">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/angular.min.js"></script>
</head>
<body>

        @RenderBody()


</body>
</html>

我在 js 文件夹中添加了一个名为 home-Index.js 的 java 文件:

//home-index.js
function homeIndexController() {
    alert("hello word");
}

我有另一个名为index的 View ,在这里你可以看到内容

@{
    ViewBag.Title = "Home Page";
}
<script src="~/js/home-Index.js"></script>
<div data-ng-controller="homeIndexController">
</div>

我期待看到警报hello world,但什么也没发生。为什么?

最佳答案

如果您通过了版本 1.3,您必须按照 Ozrix 在注释中所述定义您的模块。此外,您还必须将 Controller 连接到它:

var myApp = angular.module('myApp',[]); 
myApp.controller('homeIndexController', homeIndexController);

关于javascript - Angularjs 找不到 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36841831/

相关文章:

javascript - 单击删除按钮时如何删除 react 流中的元素

javascript - 在 NodeJS 中从 html 调用 TypeScript 编译的代码

javascript - 从 AngularJS 获取数据到 Silverlight

asp.net - MVC 适合我吗?

asp.net-mvc - 如何使输入字段仅允许使用 EF 和数据注释的数字?

javascript - 如何从 Controller 获取 FullCalendar 的事件?

javascript - 如何使用 JQuery 添加 number_field_tag 的值

javascript - react 导航以控制下方面板中的内容

javascript - $window 在 AngularJS 中滚动时不会触发

angularjs - 用于页面路由和模板/部分/RESTful API 的不同基本 URL