2015-03-01 6 views
0

Я начинаю книгу O'Reilly, AngularJS и первый пример выглядит следующим образом. С моей точки зрения «{{greeting.text}} появляется как то, что заменяется на hello. Я правильно привязан к углу, и когда я помещаю его в jsFiddle, это тоже не работает, если я не изменю onLoad без обертки, тогда он работает.Угловой контроллер не обновляется

Я использую Webstorm на Mac, и я думаю, что моя проблема может быть там, но не может найти ничего, что исправило бы ее.

Благодарим за помощь, возможно, простое решение.

HTML

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <script src="angular.js"></script> 
    <script src ="controllers.js"></script> 
</head> 
<body> 
    <div ng-controller="HelloController"> 
     <p>{{greeting.text}}, World</p> 
    </div> 

</body> 
</html> 

Контроллер

function HelloController($scope) { 
    $scope.greeting = { text: 'Hello'}; 
} 
+2

использование углового 1.2 и оно будет работать. 1.3 немного отличается, но поскольку вы изучаете книгу, вы можете использовать более совместимую версию. –

ответ

0

Кажется, что-то может быть не так с тем, как вы в том числе угловые. Следующий код работает отлично для меня

index.html:

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
    <script src ="controllers.js"></script> 
</head> 
<body> 
    <div ng-controller="HelloController"> 
     <p>{{greeting.text}}, World</p> 
    </div> 

</body> 
</html> 

controllers.js:

function HelloController($scope) { 
    $scope.greeting = { text: 'Hello'}; 
} 

Откройте ваш index.html в хромированной и нажмите Command + Option + J, и когда инструменты разработчика откроются, перейдите на вкладку сети, обновите страницу и посмотрите, правильно ли загрузите скрипт angular.js - если нет, это проблема.

+0

Загружено с CDN и работает отлично. Должен был сначала проверить это. спасибо –

0

Какую угловую версию вы используете? Mine is 1.3

angular.module('HelloApp', []) 
    .controller('HelloController', ['$scope', function($scope) { 
    $scope.greeting = { text: 'Hello'}; 
} 
Смежные вопросы