cevap
bu yönergeyi deneyin: bu nasıl yönerge eserler hakkında ayrıntılı bilgi için
<table class="table table-hover">
<tr ng-repeat="p in people">
<td dynamic-directive="p.dir" blah="p"></td>
</tr>
</table>
ve neden terminali eklemek zorunda:
app.directive('dynamicDirective',function($compile){
return {
restrict: 'A',
replace: false,
terminal: true,
priority: 1000,
link:function(scope,element,attrs){
element.attr(scope.$eval(attrs.dynamicDirective),"");//add dynamic directive
element.removeAttr("dynamic-directive"); //remove the attribute to avoid indefinite loop
element.removeAttr("data-dynamic-directive");
$compile(element)(scope);
}
};
});
kullanın gerçek ve öncelik: 1000. Check out Add directives from directive in AngularJS
Teşekkür ederiz. Açılışı böyle bir şeyin olduğu gibi düşündüm. görünüşe göre öyle değil. –
Bu bırakabilir:
<input {{p.dir}} ngmodel="p" />
de yönergede. Bu HTML dizesini JavaScript’te oluşturabilir ve DOM’e ekleyebilirsiniz. Ayrıca, sonuçta ortaya çıkan elemanı $ derleme hizmetini kullanarak derlemeniz gerekir, böylece dinamik direktifler derlenecektir.
Bazı kukla örnek kod (değil test edilmiş, ancak bu gibi görünmelidir):
app.directive('dynamicInput', function($compile){
return {
link: function(scope, element){
var htmlString = '<input ' + scope.field.dir + ' ng-model="p"/>';
element.replaceWith(htmlString);
$compile(angular.element(element))(scope);
}
}
});
Daha fazla bilgi here.
- 1. ngRepeat
- 2. ngRepeat: dupes - iç içe ngrepeat ve boş dizelerle tekrarlayıcıda kopyalar
- 3. AngularJS ngRepeat güncelleştirme modeli
- 4. $ ngRepeat içinde ilk $
- 5. ngRepeat Animasyon açısal 1.4
- 6. angularjs ngRepeat Bazen aşağı kaydırmıyorum
- 7. ngRepeat süzgeçten elde edilen süzgeç
- 8. Neden aşağıdaki örneğe Programımı azaltmıştır
- 9. AngularJS'de bir ngRepeat koleksiyonundaki tembel yükleme öğeleri
- 10. Hata: [ngRepeat: dupes] Bu ne anlama geliyor?
- 11. Bu örneğe nasıl bir renk çubuğu eklenir?
- 12. Matlab kodunu zaten çalışan örneğe nasıl yürütülür?
- 13. removeObjectAtIndex "ayrılan örneğe gönderilen ileti" neden oluyor
- 14. Aynı takma örneğe iki emac/ince bağ yapabilir miyim?
- 15. - [Not A Type _cfTypeID]: ileti gönderilmemiş örneğe gönderildi
- 16. INSERT ONLY deyimi için ActiveRecord'da işlem nasıl atlanır? Bu örneğe
- 17. Python'daki bir örneğe dinamik olarak bir temel sınıfı karıştırın
- 18. Akka Aktörler: Bazı temelleri anlamak için bir örneğe ihtiyacınız var
- 19. Python'da bir döngüde, aynı değişkene yeni bir sınıf örneği atar, ancak eski örneğe işaret ediyor mu?
- 20. Başka bir cn1lib sınıfının harici cn1lib sınıflarına eklenmesiyle ilgili bir örneğe ihtiyacınız var.
- 21. Python Django: Bir örneğe bağlı olarak bir dosya adı nasıl yüklenir pk
- 22. nasıl bir dize aşağıda örneğe benzer bir şey kullanın yapmak nasıl
- 23. VS2012'de localDB'ye bağlanılamıyor - "SQL Server ile bağlantı kurarken ağ ile ilgili veya örneğe özel bir hata oluştu ..."
- 24. Python'da, ana modülde oluşturulan bir örneğe diğer modüllerden nasıl erişebilirim? Ben OOP ve Python hakkında fazla bilmiyordum
- 25. İletki testi açısal olarak: yönerge özniteliği nasıl kontrol edilir?
- 26. Xpath
- 27. MVVM sayfalama & sıralama MVVM P & P.</p> <p>aşağıdaki örneğe uygun bir WPF DataGrid için sıralama ve Çağrı impletmenting için yeterli bir çözüm bulunması ile mücadele ediyorum
- 28. , Yakalanmayan ReferenceError browserify kullanma:</p> <p>Benim html: fonksiyon Ben <a href="http://browserify.org/" rel="nofollow">http://browserify.org/</a> örneğe çalışıyor ve şöyle bir işlev çağrısı yapmak için denemek am
- 29. Köşeli Ekmek Kırıkları
- 30. JSgular verilerini angularjs kullanarak tablodaki formatı nasıl?
Gerçekten bunun için bir direktife ihtiyacınız var mı?
@RuslanIsmagilov Bu görselle ilgili değil. Eash yönergesi kendi iş mantığına sahiptir. Özel iş mantığıyla dinamik olarak formlar oluşturmak isterim. –
Sanırım yalıtmak için direktif kapsamını belirlemeniz gereken benzer amblemlerim vardı. Dokümanları kontrol edin http://docs.angularjs.org/guide/directive –