Приложение AngularJS не называется

Question

Здравствуйте, я пробовал много способов инициализировать базовое приложение, но я не знаю, что это неправильно. Логика следующая:

Я «добавляю» следующий html, содержащий угловой модуль js, используя jQuery ajax-вызов.

('submit', function() { 
     $.ajax({ 
      type: form.attr('method'), 
      url: form.attr('action'), 
      data: form.serialize(), 
      success: function (data) { 
       result.html(data); 

Затем следующий HTML загружается вместе с angularjs и сценарий, имеющий модуль и контроллера ОПРЕДЕЛЕНИЯ

HTML:

нагрузки angular.js и сценарий, где угловое приложение определяется I Тип data-ng-app = "app" в Body, HTML или где-то , тогда data-ng-controller = "controller" в div или где бы я ни работал, с областью действия. Этого должно быть достаточно для инициализации контроллера. Я прав?

SCRIPT:

var app = angular.module('app', []); 
app.controller('controller', ["$scope", "$http", function ($scope,$http) { 

    console.log('works'); 

    ...more stuffs 
]); 

Я попытался скопировать пасту из примеров наиболее основ в учебниках, но до сих пор не работаю. Нет проблем с зависимостями или синтаксическими ошибками. В чем может быть проблема?

Заранее спасибо

Answer 1

Проблема я вижу с кода вы не передавая зависимости вашей функции

app.controller("listController", ["$scope", "$http" 
    function($scope,$http) {   
     console.log('works');   
}]); 

DEMO APP