2016-06-20 3 views
-2

Я использую новый angularjs v1.5.7 Но я не знаю, что не так с моим кодом, что мое приложение не работает вообще.Почему мое угловое приложение не работает?

вот мой HTML-файл:

<!DOCTYPE html ng-app="myApp"> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

вот мой app.js файл:

angular.module('myApp', []); 

angular.module('myApp').controller('main', function ($scope) { 

    alert('hi') 

    $scope.name = "testing"; 
}); 

я не получаю ни ошибки или работать выход здесь. кто-нибудь мне помогает здесь? и исправить меня?

+1

Что говорит консоль? – oxalorg

+0

вы помещаете ng-приложение в неправильное место – abdoutelb

ответ

5

Переведите директиву ngApp на свой знак html или body, в настоящее время он находится на объявлении doctype.

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

Директива должна быть на элементе, которого в настоящее время нет.

1

http://www.learn-angular.org/

Попробуйте это:

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

Вы должны определить нг-приложение не в DOCTYPE!

<html ng-app="myApp"> будет правильным

1

Вы не можете назначить нг-приложение для DOCTYPE. DOCTYPE используется только для указания типа документа, а начальная загрузка углов происходит, когда он обнаруживает директиву ng-app на теге html.

Смежные вопросы