ng-repeat在沒有innerHTML的情況下創建元素

我做了一個GET請求，找回了一個對象數組。用ng-repeat創建一個包含響應的表。表中的行數與對象的數量相匹配，但對象屬性（message.id）的值在表上不可見。ng-repeat在沒有innerHTML的情況下創建元素

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
 
    
 
</head> 
 
<body> 
 
<div class="container" ng-app="testApp"> 
 
    <div> 
 
     <table > 
 
     <tbody> 
 
     <tr> 
 
     <td style="vertical-align: top"> 
 
      <div ng-controller="msgCntrl"> 
 
      <table class="table"> 
 
        <thead> 
 
        <tr> 
 
         <th>Id</th> 
 
         <th>User</th> 
 
         <th>Message</th> 
 
         <th>Delete</th> 
 
        </tr> 
 
        </thead> 
 
        <tbody> 
 
         <tr ng-repeat="message in names"> 
 
         <td> {{message.user}}</td> 
 
         <td> {{message.content}} </td>  
 
         </tr> 
 
        </tbody> 
 
       </table> 
 
       </div> 
 
     </td> 
 
      
 
     <td class="col-md-3" style="width:25%;padding-left:40px;vertical-align: top"> 
 
      <div ng-controller="otherController"> 
 
       <!-- this POST data to the application--> 
 
      </div> 
 
     </td> 
 
     </tr> 
 
     </tbody> 
 
     </table>  
 
    </div> 
 
</div> 
 
<script> 
 
     var app = angular.module("testApp", []);    
 
     app.controller("msgCntrl", function ($scope, $http) { 
 
      $scope.names = null; 
 
      $http.get('/api/message/'). 
 
       success(function(data) { 
 
        $scope.names = data.objects; 
 
        console.log($scope.names);// Printed the response properly 
 
      });  
 
     }); 
 
</script> 
 
</body> 
 
</html>

控制檯日誌：

來源

2016-04-04 reevh

請問您是否可以從'console'共享'$ scope.names'的內容？ – manish

試用$ scope.names = []; –

你的語法似乎是確定，但要確保

 <td> {{message.user}}</td> 
    <td> {{message.content}} </td>

這一消息屬性名稱的用戶和內容，用戶和內容具有一定的價值，請分享的console.log以及

來源

2016-04-04 07:36:41

我已更新與日誌 – reevh

的問題對象日誌的個別內容請 –

還有一件事我沒有看到日誌中的用戶屬性 –

你能告訴我們你得到什麼：

console.log($scope.names);

也許你需要聲明控制器在你的HTML標籤，如：

<div class="container" ng-app="testApp"> 
    <div ng-controller="msgCntrl"> 
     ... 
    </div> 
</div>

希望它可以幫助。

來源

2016-04-04 07:37:13 Sparw

更新與日誌的問題 – reevh

ng-repeat在沒有innerHTML的情況下創建元素

回答

相關問題