2016-04-25 115 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'文件並放在那裏。 –