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