Question

尝试在我的网站上运行AnglarJS，只是执行简单的$ scope变量，无法使其工作并抛出错误（附图像）。看似简单，但我尝试了一切，如果我遗漏任何陈述，请纠正我。使用VS Code，Entity Framework Core。页面呈现完美。

Index.cshtml

<head>
@section scripts{
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-resource.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="~/SPA/pController.js"></script>
<script src="~/SPA/app.js"></script>
}

<div ng-app="app" ng-controller="pController">

<p{{ word }} /p>

app.js

var app = angular.module('app', ['ngRoute']);

app.controller（'pController'，pController）;

pController.js

    var pController =  function($scope){
    $scope.data = null;
    $scope.word = "hello world";
};
pController.$inject = ['$scope'];

结果：

UDPATE

想象一下，系统找不到app.js文件。粘贴html中的所有代码都可以。

解决

在这个问题花了一天之后，我解决了它只是将我所有的js Angular逻辑放入/ wwwroot / js / ...我想我的项目只是从那条路径读取js文件。谢谢大家的帮助！

Answer 1

将html中的文件重新排序为：

  <script src="~/SPA/app.js"></script>
  <script src="~/SPA/pController.js"></script>

然后做其中任何一个：

app.js：

var app = angular.module('app', ['ngRoute']);

P控制器：

  app.controller('pController',  function($scope){
        $scope.data = null;
        $scope.word = "hello world";
    });

或

如果您正在使用缩小：

将app.js文件修改为：

var app = angular.module('app', ['ngRoute']);
app.controller('pController', ['$scope', pController]);

然后你的控制器文件：

 var pController =  function($scope){
    $scope.data = null;
    $scope.word = "hello world";
};

如果这仍然无效:)，请将整个代码放在一个单独的js文件中。然后尝试让我知道这个问题。

带有Entity Framework Core的AngularJS会抛出错误

1 个答案: