正在编写单页 Angular 应用程序,但我收到注入(inject)器错误(未知提供程序)。我需要做更多的事情才能让 Angular 意识到我的 Controller 吗?
HTML:
<div ng-app="AvailablePets" ng-controller="homeController">
{{pets}}
</div>
JS:
var app = angular.module('AvailablePets', [])
.controller('homeController', function( $scope ) {
console.log('App Home Controller');
// Controller Logic
$scope.pet = "Dog";
});
最佳答案
这样改,
var app = angular.module('AvailablePets', [])
app.controller('homeController', function( $scope ) {
console.log('App Home Controller');
// Controller Logic
$scope.pet = "Dog";
});
表达式也应该是 {{pet}}
而不是 {{pets}}
<body ng-app="AvailablePets" ng-controller="homeController">
{{pet}}
</body>
<强> DEMO
var app = angular.module('AvailablePets', [])
app.controller('homeController', function( $scope ) {
console.log('App Home Controller');
// Controller Logic
$scope.pet = "Dog";
});
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.4.7" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="AvailablePets" ng-controller="homeController">
{{pet}}
</body>
</html>
关于javascript - 为什么我得到 $injector :unpr (unknown provider) in this single page app?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40616317/