Javascript AngularJS$范围数据未在视图中呈现
在过去的几天里,我一直在努力解决这个问题,现在我相信是时候向社区寻求帮助了 我正在使用堆栈创建一个网站,这是我第一次使用Angular JS,所以我是一个noobie 我遇到的问题是,我无法在视图中呈现任何$scope数据。这让我抓狂,因为AngularJS chrome调试器显示$scope数据在那里!!!但它不会在我的模板中呈现 应用程序结构Javascript AngularJS$范围数据未在视图中呈现,javascript,angularjs,mean-stack,Javascript,Angularjs,Mean Stack,在过去的几天里,我一直在努力解决这个问题,现在我相信是时候向社区寻求帮助了 我正在使用堆栈创建一个网站,这是我第一次使用Angular JS,所以我是一个noobie 我遇到的问题是,我无法在视图中呈现任何$scope数据。这让我抓狂,因为AngularJS chrome调试器显示$scope数据在那里!!!但它不会在我的模板中呈现 应用程序结构 /公开的 /js /控制器 -user.js -app.js /观点 -index.html 我的html内容-我不会复制整个文件
- /公开的
- /js
- /控制器
- -user.js
- /控制器
- -app.js
- /js
- /观点
- -index.html
<!doctype html>
<html ng-app="PCT">
<div ng-controller="userController" class="column">
<a class="dropdown-toggle" data-toggle="dropdown" href="#userinfo" >
<img ng-src="{{user.img}}" style="width:40px; height:50px;" />
</a>
<ul class="dropdown-menu" role="menu">
<li><strong>{{user.name}}</strong></li>
<li><a ng-click="logOut()">Sign Out</a></li>
<li><a href="">Admin Site</a></li>
</ul>
</div>
<script src ="js/app.js"></script>
<script src="js/controllers/user.js"></script>
my user.js(控制器)的内容
我可以在我的菜单中点击注销按钮,这将触发控制台日志,因此它将发送到控制器。但它根本不会显示我的$scope数据。我不确定你的问题是什么,但如果“PCT”是你的模块(它应该匹配名称ng app和app.module(“PCT”),并且如果你使用
angular.module('PCT').controller('userController', ['$scope', function($scope){
}]);
这是正在工作的那个的plnkr
已使用注销更新,它名为console.log
如果需要进一步的帮助,请告诉我。谢谢您的回复,但我发现问题不在于我的angular代码。问题在于MEAN stack样板文件中提供的配置。此外,我不知道如果我以这种方式声明控制器,我不需要将其包含在主模块中。因此,谢谢!
angular.module('PCT').controller('userController', ['$scope', function($scope){
$scope.user = {
img : 'http://path/to/usr/img/user.jpg',
name : 'mcutalo'
};
$scope.logOut = function(){
console.log('logging out');
}
}]);
angular.module('PCT').controller('userController', ['$scope', function($scope){
}]);