gpt4 book ai didi

javascript - AngularJS,MVC。未知提供者 : $ScopeProvider <- $Scope <- userCtrl

转载 作者:行者123 更新时间:2023-12-03 11:01:34 26 4
gpt4 key购买 nike

我的 AngularScript 遇到错误,我试图从 Web API 加载一些数据并尝试使用 ng-repeat 来了解 Angular 的基础知识。 https://docs.angularjs.org/error/ $injector/unpr?p0=$ScopeProvider%20%3C-%20$Scope%20%3C-%20userCtrl

我的代码如下所示

我有一个从 _Layout.cshtml 加载的 app.js,它仅包含:

angular.module('myApp', []);

然后我的 user-controller.js 也从 _Layout.cshtml 加载,如下所示:

angular.module('myApp')
.controller('userCtrl', ['$Scope', '$http', function ($scope, $http) {
$scope.loading = true;

$http.get('/api/user')
.success(function (data) {
$scope.users = data;
$scope.loading = false;
}).error(function () {
$scope.error = "An error has occured while loading posts!";
$scope.loading = false;

});
}]);

然后这就是我的 HTML 的样子:

@{
ViewBag.Title = "Users";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<html ng-app="myApp" >
<head>
<meta name="viewport" content="width=device-width" />
<title></title>

</head>
<body ng-controller ="userCtrl">
<h1>Users</h1>
<div class="container">

<div ng-repeat="user in userCtrl.users">
First name: {{user.FirstName}}<br />
Last name: {{user.LastName}}<br />
Age: {{user.Age}}<br />
City: {{user.City}}

</div>
</div>
</body>
</html>


bundles.Add(new ScriptBundle("~/bundles/usercontroller").Include(
"~/Scripts/App/user-controller.js"));

bundles.Add(new ScriptBundle("~/bundles/angularjs").Include(
"~/Scripts/angular.min.js",
"~/Scripts/App/app.js"));

然后我在 _Layout 中有这个

@Scripts.Render("~/bundles/angularjs")
@Scripts.Render("~/bundles/usercontroller")

我的问题是,在 ng-repeat 中,我有“user in userCtrl.users”,我将其更改为“user in users”,因为 Controller 已经在 中定义,现在它似乎正在工作:)

最佳答案

您正在尝试使用大写“Scope”注入(inject)依赖项,而且您不需要注入(inject) $http 作为依赖项。

如果你的 Controller 看起来像:

.controller('userCtrl', ['$scope', function ($scope, $http) {

应该修复它。

关于javascript - AngularJS,MVC。未知提供者 : $ScopeProvider <- $Scope <- userCtrl,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28062828/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com