Угловая не работает локально

-3

Я создаю простую функциональность для тестирования AngularJS и не работает на Chrome, Mozilla или Safari на Mac OSX. Я предполагаю, что проблема связана с ng-контроллером, так как ng-модель работает нормально. Вот код, я использую:Угловая не работает локально

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html>

А вот файл main.js:

function myController($scope) { 

    $scope.author = { 
     'name' : 'The Name', 
     title : 'The title', 
     company : 'The Company Name' 

    } 
}

Так что, если кто-то может мне точку в проблеме, было бы здорово ...

источник

2016-06-19 Dveloper

вы забыли добавить 'ng-app' для просмотра. –

Документация для ng app - https://docs.angularjs.org/api/ng/directive/ngApp –

Как работала ng-модель без ng-приложения? – gaurav5430

Для каждого углового приложения требуется директива ng-app, чтобы определить корневой элемент, в котором будет выполняться угловая.

В вашем случае:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body ng-app=""> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html>

Лучше объявить имя приложения (имя модуля), а затем присвоить его ng-app директивы.

источник

2016-06-19 06:30:44 AranS

Угловая не работает локально

ответ

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