2016-04-25 118 views
0

我Angularjs。我是太新创建VS2015.In一个MVC项目布局页面我添加这些文件:Angularjs找不到控制器

<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> 

我加给家里打电话指数的Java文件.js文件夹JS:

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

我还有一个观点叫index,在这里你可以看到内容

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

我期待看到警报hello world但没有任何反应。为什么?

+0

您是否定义了您的角度模块? var myApp = angular.module('myApp',[]); – Ozrix

+0

@Ozrix不,我没有因为在我学习的视频中没有创建任何模块 –

+0

这是哪个角度版本? –

回答

4

如果您通过了1.3版,您必须将您的模块定义为Ozrix在注释中指出的内容。此外,您还必须将控制器连接到它:

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

我应该在哪里添加这部分代码? –

+0

我将它添加到我的index-home.js文件的顶部 –

+0

加载完所有控制器/指令/工厂文件后,因为您需要将它们全部注册。我创建一个'app.js'文件并放在那里。 –