javascript - 为什么我得到 $injector :unpr (unknown provider) in this single page app?

标签 javascript angularjs

正在编写单页 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/

相关文章:

javascript - Angular $http 服务不加载 json 文件

javascript - 当 React 中的代码更改其值时如何在输入上触发 onChange 事件?

javascript - 为上传的照片添加对话框并在其中存储唯一值

javascript - 仅当新记录插入数据库时​​设置ajax调用

javascript - JavaScript pragma 究竟是什么?

javascript - Google Charts 不接受格式正确的数组作为行数据

javascript - 用 Angular 渲染动态占位符

javascript - Angularfire $firebaseArray 扩展动态计数\总和

javascript - 更改状态时如何保留兄弟用户界面 View ?

javascript - 在 AngularJS 中创建循环和过滤器