Asp.net 未在AngularJS中显示消息文本_Asp.net_Angularjs

Asp.net 未在AngularJS中显示消息文本

asp.net angularjs

Asp.net 未在AngularJS中显示消息文本,asp.net,angularjs,Asp.net,Angularjs,我正在使用ASP.NET与angular 在scripts文件夹中，我有两个文件-moviesangle.js和ListController.js (function () { var app = angular.module("MoviesAngular",[]) var ListController = function ($scope) { $scope.message = "Hello World"; }; app.contr

我正在使用ASP.NET与angular

在scripts文件夹中，我有两个文件-moviesangle.js和ListController.js

    (function () {

    var app = angular.module("MoviesAngular",[])

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);

}()
);

(function (app) {

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);
}(angular.module("MoviesAngular"))
);

MoviesAngular.js

(function ()
{
    var app = angular.module("MoviesAngular", []);
}

)

(function () {
    var app = angular.module("MoviesAngular", []);


}()

);

ListController.js

    (function () {

    var app = angular.module("MoviesAngular",[])

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);

}()
);

(function (app) {

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);
}(angular.module("MoviesAngular"))
);

在Index.html中，我有以下代码： @节脚本{

<script src="~/Scripts/angular.min.js"></script>
<script src="~/Client/Scripts/MoviesAngular.js"></script>
<script src="~/Client/Scripts/ListController.js"></script>

    }
  <div ng-app="MoviesAngular">
    <div ng-controller="ListController">
       {{message}}
    </div>

</div>

ListController.js

    (function () {

    var app = angular.module("MoviesAngular",[])

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);

}()
);

(function (app) {

    var ListController = function ($scope) {
        $scope.message = "Hello World";
    };

    app.controller("ListController", ListController);
}(angular.module("MoviesAngular"))
);

我在您的代码中没有发现任何错误。我只是在更改代码的语法。请尝试此操作。

 (function () {

    var app = angular.module("MoviesAngular",[])


    app.controller("ListController", function ($scope) {

    var ListController = function () {
        $scope.message = "Hello World";
    };
     ListController();
});

}()

);

示例中未调用MoviesAngular.js文件中的IIFE

(function() {
  var app = angular.module("MoviesAngular", []);
}()); // invoke function expression

angular.module

使用指定的第二个参数创建新模块。在ListController.js文件中，您需要获取已创建的模块，从而从

angular.module

(function() {

  var app = angular.module("MoviesAngular")

  var ListController = function($scope) {
    $scope.message = "Hello World";
  };

  app.controller("ListController", ListController);

}());

这段代码运行良好：我已经测试过了

ww.js

意见是：

<html>
<head>
<script src="angular.min.js"></script>
<script src="ww.js"></script></head>
<body>
<div ng-app="MoviesAngular">
<div ng-controller="ListController">
   {{message}}
</div>
</div>
</body>
</html>


{{message}}

希望能有所帮助。

为什么要在函数中声明应用程序和控制器？如果要在控制器中声明应用程序，则不需要MoviesAngular。js@squiroid与angular无关。一个是jQuery——拒绝chrome的加载-extension://gkojfkhlekighikafcpjkiklfbnlmeio/js/jquery.min.map. 资源必须列在web访问中sible_资源清单键，以便由扩展以外的页面加载。@sms当我单独声明时，加载模块失败。我将编辑我的query@user2010243您能确认angular文件是否已加载，因为看起来它已处于某种状态