Snippet'i linky ile filtrelemeyi denerim, giriş artık sanitized/rendered/'html-ized'. yani ben hem etkilerini birleştirmek mümkün istiyorum: http://jsfiddle.net/5uSnj/AngularJS: Aynı yönerge içinde dezenfekte ve linklenebilir mi?
5
A
cevap
1
Linky giriş ve değil html olarak metni alır:
<div ng-bind-html="snippet"></div>
ve burada
<div ng-bind-html="snippet | linky"></div>
keman olduğunu. html'yi girdi olarak alan bir filtre istiyorsanız, tamamen farklı şekilde çalışmak zorundadır. bakın:
https://github.com/angular/angular.js/pull/3285#issuecomment-21958391
0
üzgün İgor Minar i cevap olarak ama diğer hizmetler olmadan işlevini yayınına bakın istiyorum:
app.filter('htmlLinky', function($sanitize, linkyFilter) {
var ELEMENT_NODE = 1;
var TEXT_NODE = 3;
var linkifiedDOM = document.createElement('div');
var inputDOM = document.createElement('div');
var linkify = function linkify(startNode) {
var i, ii, currentNode;
for (i = 0, ii = startNode.childNodes.length; i < ii; i++) {
currentNode = startNode.childNodes[i];
switch (currentNode.nodeType) {
case ELEMENT_NODE:
linkify(currentNode);
break;
case TEXT_NODE:
linkifiedDOM.innerHTML = linkyFilter(currentNode.textContent);
i += linkifiedDOM.childNodes.length - 1
while(linkifiedDOM.childNodes.length) {
startNode.insertBefore(linkifiedDOM.childNodes[0], currentNode);
}
startNode.removeChild(currentNode);
}
}
return startNode;
};
return function(input) {
inputDOM.innerHTML = input;
return linkify(inputDOM).innerHTML;
};
});
ng-bağlama-html = "html | htmlLinky"
İlgili konular
- 1. AngularJS: yönerge içinde mineleme sorunu
- 2. Erişim AngularJs yönerge değişkeni denetleyicinin içinde
- 3. angularjs: Bir yönerge
- 4. AngularJS TypeScript yönerge bağlantı işlevi
- 5. AngularJS 1.5 bileşeninde yönerge gerektirilemiyor
- 6. "&&" ve "," aynı Swift'de mi?
- 7. AngularJS - çocuk yönergelerindeki ana yönerge özelliklerine erişme
- 8. AngularJS yönerge izlemek üst boyut değişikliği
- 9. Html'i nasıl tekstil ve dezenfekte edebilirim?
- 10. İşaretlemeyi dezenfekte etmeliyim?
- 11. AngularJs
- 12. ActiveRecord'da .order yöntem parametreleri varsayılan olarak dezenfekte edilir mi?
- 13. Yönerge
- 14. Angular2 yakalama Bileşeni onCreate ve onDestroy olaylarında yönerge verebilir mi?
- 15. Yönerge
- 16. AngularJS içinde $ routeChangeSuccess aksine
- 17. Yöngüdümlü yönerge
- 18. ng-if içinde AngularJS yönergesi çalıştırılamıyor
- 19. $ cookieStore.get() angularjs içinde döndürülemedi
- 20. Açısal yönerge için birim testi
- 21. yönerge şu var
- 22. Çoklu yönerge örnekleri ve olaylar
- 23. angularjs ui-yönlendirici: ui-sref ve direktif
- 24. Angularjs içinde bir sayı çoğaltmak ve biçimlendirmek
- 25. AngularJS kullanarak Dinamik Yönerge yükleme - Hata: kısıtlı URI erişimi reddedildi
- 26. Özel angularjs yönerge: Şablondaki yönergelerin sayısını en aza indirmeli miyim?
- 27. Angularjs içinde ng-repeat değişkenini src özniteliğinde mi kullanıyorsunuz?
- 28. AngularJS - Bu yönerge yanlıştır Yüklü olarak aramak istiyorum
- 29. Angularjs içinde ilerleyin
- 30. Angularjs içinde elementbyId olsun
Ben ettik Bu son 30 dakika boyunca oynadı ve linky filtre HTML etiketlerini düzgün bir şekilde değiştirmez gibi görünüyor. Birçok kişi, açısal dokümantasyon sitesinde talkbalk'ta bunun hakkında şikayette bulundu. $ sanitize servisi, $ filtre ve kombinasyon kullanarak denediniz - JS betiğine atıfta angular-sanitise.js ... Filtreyi kullanarak şansınız kalmadı. Belki kendi direktifinizi yaratın? – Lander
Yep, sterilize etmek ve indirmek için yeni bir direktif oluşturdu. İşte çekme isteği, hangi devlerin söylediğini göreceğiz: https://github.com/angular/angular.js/pull/3285 – brooksbp
Bunu kullanmak isterim. Igor'un snippet'i bir bower kurulabilir betiğine dönüştürüldü mi? – meshy