изменить неправдоподобные данные JSON с помощью Angularjs

Question

Я принес данные JSON, которые выглядят примерно так:

{ 
    "id": "154", 
    "user_id": "1445674241", 
    "title": "Power of one", 
    "content": "<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"/photo.png\" alt=\"Power of one\" width=\"455\" height=\"567\" /></p>\n<p>&nbsp;</p>\n<p>One is really powerful, you are one, God is one, earth is one. Love the one.<img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"/photo.png\" alt=\"Power of one\" width=\"455\" height=\"567\" /></p>", 
    "num_views": "0", 
    "votes_up": "1", 
} 

Я хочу изменить атрибуты всех IMG тегов (например, дописывания ЦСИ, высота изменение & ширина) с использованием угловых js.

Я также передаю html-код, используя ng-bind-html в своем контроллере. И функция для этого:

$scope.renderHtml = function (html_code) { 
    return $sce.trustAsHtml(html_code); 
}; 

Помогите мне изменить атрибут img-тегов.

Answer 1

Я думаю, вы должны получить свои грязные руки, работая непосредственно на data.content строку ...
Что-то вроде этого:

var newWidth = 123; 
data.content = data.content.replace(/(img.*?width=")(.*?)(")/g, function(c1, c2, c3) { return c1 + newWidth + c3; }); 

Answer 2

Вы можете создать какой-то пользовательский фильтр для этого, для экс- если я м получить ссылку с моего юность ввода данных, и я хочу, чтобы изменить его перед вложением в моей PAGE-

myApp.filter('trustedURL', ['$sce', function($sce){ 
    return function(input) { 
     return $sce.trustAsResourceUrl(input); 
    }; 
}]); 

myApp.filter('youtubeEmb', ['$sce', function($sce){ 
    return function(input) { 
     var shortYou = input.match(/youtu.be/g); 
     if(shortYou){ 
      return input.substring(0,input.indexOf('?')).replace(shortYou,"youtube.com/embed"); 
     }else{ 
      return input.substring(0,input.indexOf('&')).replace("watch?v=","embed/"); 
     } 
    }; 
}]); 

мой HTML-

<iframe src="data.uri | trustedURL | youtubeEmb"></iframe>

Здесь был url, аналогичным образом вы можете создать некоторую функцию для img tag attrs.