AngularJS $ scope数据未在视图中呈现

Question

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

我正在使用MEAN堆栈创建一个网站，这是我第一次使用Angular JS，所以我是个菜鸟。

我遇到的问题是，我无法在我的视图中呈现任何$ 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>

我的app.js的内容

angular.module('PCT.userController',[]);
//Importing all modules into main module
angular.module('PCT',['PCT.userController']);

我的user.js的内容（控制器）

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');
    }
}]);

我可以单击菜单中的“注销”按钮，这将触发控制台日志，因此会将其发送到控制器。 但是它根本不会显示我的$ scope数据。

Answer 1

我不确定您的问题是什么，但是如果“ PCT”是您的模块（它应该与名称ng-app和app.module（“ PCT”）匹配，并且如果您使用以下方法定义控制器，则无需注入控制器

angular.module('PCT').controller('userController', ['$scope', function($scope){

}]);

这是正在工作的人的工作。

更新为注销，它称为console.log ...

http://plnkr.co/edit/uSLVqEayCh2XeeGI7LZe?p=preview

让我知道是否需要进一步的帮助。

AngularJS $ scope数据未在视图中呈现

问题描述

1 个解决方案

解决方案1
0 2014-02-14 18:14:24

AngularJS $ scope数据未在视图中呈现

问题描述

1 个解决方案

解决方案1 0 2014-02-14 18:14:24

解决方案1
0 2014-02-14 18:14:24