2016-03-05 85 views
2

我創建了一個基本的角度js模塊,我將模塊和控制器消息傳遞到單獨的腳本文件中。我面臨的問題是它不打印被調用函數中定義的消息。這在我看來可能是ng-app定義的問題。如何解決角度js ng控制器函數調用?

下面是代碼:

module.html

<!doctype HTML> 
<html ng-app="myModule"> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> 
    <script src = "D:\Educational\angularJS code\script.js"></script> 
</head> 
<body> 

<div ng-controller="myController"> 
    {{ message }}  
</div> 

</body> 
</html> 

這裏是調用的腳本。

的script.js

var myApp = angular.module("myModule",[]); 

var myController = function($scope){ 
$scope.message = "Angular JS"; 
} 

myApp.controller("myController", myController); 

該獲取的格式印刷的唯一事情是{{消息}}而不是實際的信息 「角JS」。

任何建議都會有很大的幫助。

+0

可以不注射的script.js文件 –

+0

這可能是一種可能性,但我一直在腳本文件在同一頁面的HTML本身,不應該是一個問題調用我猜 –

回答

0

既然你有你的的script.js在同一文件夾中只包含簡單地通過

<script src="script.js"></script> 

確保您有互聯網的計算機上,因爲你使用的是CDN

注意:請按ctrl+jf12檢查您的控制檯,看看是否有任何錯誤


您也可以嘗試把你的代碼標記本身現在並檢查代碼工作正常。

<script> 
    var myApp = angular.module("myModule",[]); 

    var myController = function($scope){ 
     $scope.message = "Angular JS"; 
    } 

    myApp.controller("myController", myController); 
<script> 
+0

是的,工作,改變它只是script.js工作,謝謝! –