2013-08-10 3 views
-2

Я новичок в angular.js и проблема. Пожалуйста, помогите мне решить эту проблему. Я создал простой экран с использованием контроллера и модуля в моем примере. Но он не работает. Я представил пример следующим образом:Ошибка использования модуля в angularJS

Мой HTML файл: -

<!doctype html> 
<html ng-app="ayan"> 
<head> 
<script type="text/javascript" src="hotel_listing_angular.js"></script> 
<script type="text/javascript" src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 
<title>Insert title here</title> 
</head> 
<body> 
    <div ng-controller="myController"> 
    <ul> 
     <li ng-repeat="contact in htlList"> 
     {{ contact.name }} 
     </li> 
    </ul> 
    </div> 

</body> 
</html> 

и мой файл JS выглядит следующим образом: -

var ayan=angular.module('ayan',[]); 
ayan.controller('myController',function ($scope) { 

    $scope.htlList = [ 
        {name:"Picard", description:"Captain"}, 
        {name:"Santosh", description:"Programmer"}, 
        {name:"Amit", description:"Manager"} 
        ]; 

}); 

Пожалуйста, скажите мне, что я делаю неправильно.

+1

Ха вы проверили на наличие ошибок javascript. – ssilas777

ответ

1

Вам нужно включить

<script type="text/javascript" src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 

перед тем

<script type="text/javascript" src="hotel_listing_angular.js"></script> 
+0

Упс !!! Спасибо !!! :) :) –

+0

@ ayan_2587 Пожалуйста, отметьте вопрос как ответ. – Chandermani

1

Попробуйте позвонить

<script type="text/javascript" src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 

перед вызовом

<script type="text/javascript" src="hotel_listing_angular.js"></script> 
Смежные вопросы