2016-06-11 5 views
0

Это я снова с другим очень простым вопросом. Я запускаю Angular 1.5.6, и контроллер, похоже, не работает так, как я ожидал. В ниже, {{control.helo}} не дает мне ничего, и я действительно не знаю, почему.AngularJS 1.5.6 контроллер не работает

<html ng-app="simplifiedExample"> 
<head> 
</head> 
<body> 
    <div class="container" ng-controller="appController as control"> 
     {{ control.hello }} 
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="controllers/controller.js"></script> 
</body> 
</html> 

А в контроллерах/controller.js я следующее:

var app = angular.module('simplifiedExample', []); 

app.controller('appController', function() { 
    this.hello = "Helloooo"; 
}); 

Любая помощь будет оценена.

EDIT: Ссылка на контроллер определенно корректна, поскольку я помещаю console.log («Test») в этот файл, и он был правильно зарегистрирован.

Я также переместил объявление контроллера в файл index.html и ничего не изменилось.

Я также пробовал разные CDN и версии Angular - те же результаты.

Я попробовал все вышеперечисленное на виртуальной машине CentOS 7 (я запускаю Windows 10 на своем компьютере), воспроизвел проблему и на VM.

ОКОНЧАТЕЛЬНЫЙ РЕДАКТОР: Ребята, я полностью и полностью заторможен. Я записал «контроллер» как «contoller» в своем приложении, что, очевидно, опечатка. Все работает правильно. Извините, что беспокоился и упрекал всех, чье время я потратил впустую. :(

+1

Не воспроизводимый. Отправленный код в порядке, что-то о вашей настройке. – dfsq

+1

Попробуйте 'app.controller ('appController', function ($ scope) {$ scope.hello = 'Hello';});' Вы видите какие-либо ошибки в консоли? – Tushar

+0

Tushar, я тоже пробовал вашу версию, все еще нет ошибок в консоли и не выводил на страницу. Dfsq, я включу виртуальную машину и попробую ее на второй среде, и вы узнаете ее немного. – Neekoy

ответ

0

Попробуйте с ниже код контроллера:

var app = angular.module('simplifiedExample', []); 
app.controller('appController', function() { 
    var control = this; 
    control.hello = "Helloooo"; 
}); 
+1

Итак, вы отправили точный код, который был опубликован OP. Не только оригинальный код ** правильный * *, но ваша версия ** точно ** одинакова и, следовательно, ничего не может изменить. – dfsq

1

HTML

<div ng-app="app" ng-controller="appController as control"> 
    //{{control.id}} 
</div> 

Контроллер

.controller('appController', function() { 
    var control = this; 
    control.id = "someValue";  
}); 

больше информации read this

+0

если ответ правильный, тогда проверьте право. –