HTMLПростой Угловая код не работает
<section ng-app="app">
<table ng-controller="VoicemailsCtrl">
<caption>{{test}}</caption>
</table>
</section>
JS
var app = angular.module('app', [])
.controller('VoicemailsCtrl', ['$scope', VoicemailsCtrl]);
function VoicemailsCtrl($scope, $http)
{
$scope.vms = [1,2,3];
$scope.test = 'this is a test';
}
Можно увидеть по адресу:
http://jsfiddle.net/tx9nbo8g/6/
Вы пропустили добавление ng-app="app" в разделе.
Проверьте обновленный скрипку Fiddle
Помимо этого вам необходимо добавить
угловой 1.2.1
и
Нет обертывание в голове
в каркасе и расширении. .
Добавить ng-app="app" на section элемент & также необходимо изменить параметр загрузки скрипта внутри вашего f iddle от OnLoad до No Wrap in <head/>
Markup
<section ng-app="app">
<table ng-controller="VoicemailsCtrl">
<caption>{{test}}</caption>
</table>
</section>
Ваш HTML должен быть изменен. Вы должны указать углы, где приложение запускается. По умолчанию ng-app также является действительным объявлением приложения.
<section ng-app="MyApp">
<table ng-controller="VoicemailsCtrl">
<caption>{{test}}</caption>
</table>
</section>
В контроллере
angular.module('MyApp', [])
.controller('VoicemailsCtrl', ['$scope', function ($scope){
$scope.vms = [1,2,3];
$scope.test = 'this is a test';
}]);
Вы не должны использовать глобальное объявление контроллера. Его устарело в угловых версиях 1.3+. Вы должны использовать директиву controller для объявления контроллера.
Декларация контроллера абсолютно прекрасна. Хотя он будет присутствовать в глобальном пространстве имен, но его вообще не осуждают. Он все еще использует контроллер для регистрации контроллера. –
@AbhishekPrakash, его правда. Но в угловых версиях 1.3+ глобальная декларация не будет работать. – Vineet
Можете ли вы поделиться официальной ссылкой? Причина в том, что я использую 1.4. * И используя тот же способ объявления контроллера. –
Пожалуйста найдете ниже рабочий код:
Html:
<body ng-app="app">
<section>
<table ng-controller="VoicemailsCtrl">
<caption>{{test}}</caption>
</table>
</section>
</body>
Js:
var app = angular.module('app', []);
app.controller('VoicemailsCtrl', ['$scope','$http',VoicemailsCtrl]); //You forgot to add $http
function VoicemailsCtrl($scope, $http) {
$scope.vms = [1,2,3];
$scope.test = 'this is a test';
}
Нет, я не сделал, это там, – Rafael
Его не было в оригинальной скрипке. –
Спасибо, сэр. +1 для всех – Rafael