Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS$范围数据未在视图中呈现_Javascript_Angularjs_Mean Stack - Fatal编程技术网

Javascript AngularJS$范围数据未在视图中呈现

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内容-我不会复制整个文件

在过去的几天里,我一直在努力解决这个问题,现在我相信是时候向社区寻求帮助了

我正在使用堆栈创建一个网站,这是我第一次使用Angular JS,所以我是一个noobie

我遇到的问题是,我无法在视图中呈现任何$scope数据。这让我抓狂,因为AngularJS chrome调试器显示$scope数据在那里!!!但它不会在我的模板中呈现

应用程序结构

  • /公开的
    • /js
      • /控制器
        • -user.js
    • -app.js
  • /观点
    • -index.html
我的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){

}]);