Question

我正在使用 Asp.net MVC Core（2017） 和 angular 开发一个简单的Web应用程序。这是带控制器的head部分中的脚本代码：（注意：'Scripts'文件夹位于wwwroot中，其中包含angular.min.js）

.send_keys()

这是身体部分的div：

<script src="~/Scripts/angular.min.js" type="text/javascript">
    var app = angular.module("moduleName", []).controller(function ($scope) {
        $scope.message = "hello world";

    });
</script>

在运行时它会抛出错误：

<div ng-app="moduleName">{{message}}</div>

即使我尝试使用堆栈溢出问题的解决方案： AngularJS 0x800a139e - JavaScript runtime error: [$injector:modulerr]。但它没有奏效。

这个错误必须解决什么？

Answer 1

关闭角度js script标记

<script src="~/Scripts/angular.min.js" type="text/javascript"> </script>
<script>
    var app = angular.module("moduleName", []).controller(function ($scope) {
        $scope.message = "hello world";

    });
<script>

将名称提供给控制器：

<script>
        var app = angular.module("moduleName", []);
        app.controller('firstCtrl',function ($scope) {
            $scope.message = "hello world";

        });
    <script>

<强> HTML ：

  <div ng-app="moduleName">
    <div ng-controller='firstCtrl'>.....
       {{message }}
    ...
   </div>
</div>

如何将角度js与asp.net 2017 MVC核心集成？

1 个答案: