角度指令與表

我試圖使用角度指令與表，但我沒有看到任何數據，當我使用列表我可以看到數據，它的工作正常。我使用bootstrap來設計桌子樣式。我真的不知道我做錯了什麼，角度指令與表

希望能對你有所幫助，這裏是我的代碼的主要部分：

main.html中：

<table class="table"> 
    <thead> 
     <tr> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Username</th> 
     </tr> 
    </thead> 
    <tbody ng-repeat="m in users"> 

     <my-dir my-obj="m"></my-dir> 

    </tbody> 
</table>

app.js ：

var myApp = angular.module('myApp', ['ngRoute']) 
 

 
myApp.config(function($routeProvider) { 
 

 
    $routeProvider 
 
     .when('/', { 
 
     templateUrl: 'pages/main.html', 
 
     controller: 'AppCtrl' 
 
    }) 
 
    
 

 
}); 
 

 
myApp.controller('AppCtrl', function($scope) { 
 
    
 

 
    $scope.users = [{name: 'john', age: 16}, {name: 'dani', age: 10}]; 
 
    
 
    
 
    
 
}); 
 

 
myApp.directive('myDir', function(){ 
 
    return{ 
 
     templateUrl: 'directive/mytbl.html', 
 
     replace: false, 
 
     scope:{ 
 
      myObj: '=' 
 
     } 
 
    } 
 
})

mytbl.html：

<td>{{ myObj.name }}</td> 
<td>{{ myObj.age }}</td>

來源

2017-08-05 zb22

您爲每個用戶創建一個<tbody>。

嘗試更改爲此：

<tbody> 
    <tr ng-repeat="m in users" my-dir my-obj="m"></tr> 
</tbody>

該指令本質上追加它的模板中，它被指定（創建元素的子元素）的元素。所以在這種情況下，孩子是那些孩子。

來源

2017-08-05 20:55:09 Brian

它仍然沒有顯示數據.. – zb22

現在嘗試，錯過了在那裏的範圍。這應該工作。 – Brian

現在有用，謝謝！我不知道有可能把這個指令放在元素內，實際上發生了什麼事情？ – zb22

角度指令與表

回答

相關問題