2015-04-25 2 views
2

Я начинаю работать с AngularJS, и у меня возникают проблемы с работой с локальной копией файла angular.js. Ниже приведен образец, который я пытаюсь найти. Когда я ссылаюсь на скрипт CDN, страница правильно отображает «Hello, World». Когда я ссылаюсь на местный скрипт, привязка не возникает. Браузер может найти локальный файл angular.js, он просто не выполняет привязку.Ссылка на локальный угловой.js не работает

<html ng-app> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script> 
    <!--<script src="Scripts/angular.js"></script>--> 
    <script> 
     function HelloController($scope) { 
      $scope.greeting = { text: "Hello" }; 
     } 
    </script> 
</head> 
<body> 
    <div ng-controller="HelloController"> 
     <p>{{greeting.text}}, World</p> 
    </div> 
</body> 
</html> 
+0

Любая конкретная причина вы используете Угловое 1.0. 4? –

+2

Ваша локальная копия, вероятно, гораздо более поздняя версия, чем 1.0.4, которая полностью устарела. Глобальные функции больше не могут быть контроллерами в последних версиях. –

+0

Нет причин. Попытка моего первого приложения Hello World Angular сегодня. – Pericles

ответ

2

Если я начинал с 1.3.15 бы сделать что-то вроде этого:

<html ng-app="main.app"> 

<head> 
<script src="https://code.angularjs.org/1.3.15/angular.js"></script> 
<script> 
    angular.module('main.app', []) 
    .controller('HelloController', function() { 
    var self = this; 

    this.greeting = { text: "Hello" }; 
}) 

</script> 
</head> 

<body ng-controller="HelloController as HelloCtrl"> 
    <p>{{HelloCtrl.greeting.text}}, World</p> 
</body> 

</html> 

Это следует последние стили углового кодирования

+0

Спасибо, Шивас! – Pericles

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