ng-repeat不起作用。认为有一个范围问题，但不确定。

Question

所以，我有以下的div：

<div id="chatrooms" ng-controller="TableMsgController"> 
<section id="chatroom"> 
<div id="messages" > 
    <ul> 
     <li ng-repeat="entry in seenMsgs">{{entry.msg}}</li> 
    </ul> 
</div> 
<form action=""> 
    <input type="text" id="userMsg" ng-model="userMsg"> 
    <input type="button" class="gButton" id= "sendMsgBtn" value="Send" ng-click="sendMsg()" /> 

    </form> 
    </section> 
</div> 

而且我有以下控制器：

tables.controller('TableMsgController',function ($rootScope,$scope) { 
    $scope.msgSeen = []; 
    $scope.sendMsg = function() { 
    //console.log("sendMsg button pushed"); 
    //console.log($scope.userMsg); 
    $scope.msgSeen.push({'msg':$scope.userMsg}); 
    // console.log($scope.msgSeen); 
}; 

的NG-重复不工作。

任何想法为什么？

ž

Answer 1

两件事情我可以发现：

一）你缺少sendMsg一个右括号：

tables.controller('TableMsgController',function ($rootScope,$scope) { 
    $scope.msgSeen = []; 
    $scope.sendMsg = function() { 
    //console.log("sendMsg button pushed"); 
    //console.log($scope.userMsg); 
    $scope.msgSeen.push({'msg':$scope.userMsg}); 
    // console.log($scope.msgSeen); 
    } <---------------------------------------------- :) 
}; 

和b）定义的范围msgSeen但试图遍历seenMsgs：

<li ng-repeat="entry in seenMsgs">{{entry.msg}}</li> 

解决这两个问题，看看是否解决了这个问题。