Hari ini, saya mencoba menggunakan rel sebagai backend untuk menyediakan data format JSON. AngularJS digunakan untuk memproses data JSON di ujung depan. Ketika AngularJS mendapat sepotong teks HTML. Jika Anda menggunakan data-ng-bind secara langsung, itu melarikan diri. Menggunakan Data-NG-Bind-HTML dapat membatalkan Escape.
Namun, jika Anda menggunakan data-ng-bind-html secara langsung, Anda akan meminta kesalahan
Salinan kode adalah sebagai berikut:
Kesalahan: [$ SCE: Tidak aman] Mencoba menggunakan nilai yang tidak aman dalam konteks yang aman.
Fragmen HTML perlu ditandai sebagai kepercayaan menggunakan $ sce.trustashtml (html_in_string) sebelum mereka tidak dapat dibatasi menggunakan data-ng-bind-html = "html_in_string".
Di antara semua artikel yang saya ambil melalui API atau melalui Angular, setiap artikel memiliki atribut HTML_Body yang merupakan fragmen HTML yang diberikan oleh penurunan harga atau org.
Setelah mendapatkan data JSON melalui API, gunakan Metode Angular.Foreach yang disediakan oleh AngularJS untuk menandai HTML_Body dari setiap posting dan menyimpan hasilnya sebagai orang yang dipercaya, dan kemudian menggunakan data-NG-bind-html = "post.trustedbody" di HTML untuk membatalkan pelarian.
Bagian AngularJS
Salinan kode adalah sebagai berikut:
Blog.controller ('postscontroller', function ($ scope, $ http, $ sce) {
$ scope.posts = [];
$ scope.syncposts = function () {
var request = $ http.get ('http:/localhost: 3000/posts.json');
request.success (function (response) {
$ scope.posts = angular.foreach (angular.fromjson (respons), function (post) {
post.trustedbody = $ sce.trustashtml (post.html_body);
});
});
};
$ scope.syncposts ();
});
Bagian html
Salinan kode adalah sebagai berikut:
<Div Data-ng-bind-html = "post.trustedbody"> </div>