AngularJS 应用程序未调用

Question

您好，我尝试了很多方法来初始化一个基本的应用程序，但我不知道它出了什么问题。逻辑如下

我使用 jquery ajax 调用“附加”以下包含 angular js 模块的 html。

('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 和定义 Angular 应用程序的脚本 我在 Body、HTML 或任何地方输入 data-ng-app="app" 然后 data-ng-controller="controller" 在 div 或任何我想使用范围的地方。这应该已经足够初始化控制器了。我说的对吗？

脚本：

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