Tablonun içine bir yönerge yerleştirme

Question

Bu mümkün mü? Kullanıcı girişine bağlı olarak bir masa gövdesini düzenli bir şekilde değiştirebilme yeteneği istiyorum, bu yüzden çalışıp çalışmadığını görmek için bu küçük * testi bir araya getirdim, ama her şeyden önce gövdeyle ve dış kısımda masanın üstüne yüklendi. DOM htmlimde uygun şekilde yerleştirmeme rağmen. Bu yüzden benim sorularım: 1) Bu davranış ne hakkında? ve 2) Yolculuğumu istediğim şekilde elde edebilir miyim?

* simple fiddle

html:

<div ng-app="myApp" ng-controller="myController"> 
<table class="table"> 
<thead> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
</thead> 
<my-directive></my-directive><!-- this should be the tbody --> 
<tfoot> 
    <tr> 
    <td>Sum</td> 
    <td>$180</td> 
    </tr> 
</tfoot> 
</table> 
</div> 

js: Şu anda masa düzeni berbat ediyor bir <my-directive></my-directive> element içine işaretlemeyi render ediyor

var app = angular.module("myApp", []); 

app.directive("myDirective", function() { 
    return { 
     restrict: 'E', 
     template: '<tbody><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></tbody>', 

    }; 
}); 

Answer 1

.

Bunun yerine, nitelik bazlı direktifi için direktifini değiştirmek ve içerik değiştirerek, <tbody> elemanı üzerine koyun ..

Şablon

</thead> 
<tbody my-directive></tbody><!-- this should be the tbody --> 
<tfoot> 

Yönergesi

return { 
    restrict: 'A', 
    template: '<tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr>' 
}; 

çalışma Bkz fiddle.