Мои данные json_endoded($data); массив, полученный моей заводской службой. Затем он помещается в переменную Javascript, которая, в свою очередь, используется как шаблон. Когда, наконец, отображается страница для отображения, она выводится следующим образом:
Some text here<br/><br/> And some link <a class="someclass" href="#">here</a>.
Вы поняли эту идею. Если я печатаю_r или даже вижу эходированный массив json_endoded (непосредственно на странице PHP, которую служба Angularjs вызывает для данных), такие HTML-теги не видны, прерывание интерпретируется правильно – новая строка есть и т. Д. …
Что я могу использовать, чтобы исправить это – я не хочу просто снимать все теги – мне нужно сохранить любые ссылки или подобные вещи (это сообщения из разных социальных сетей).
Вот как строка в переменной используется в качестве шаблона в MY DIRECTIVE:
angular.module('socialPosts.directives', []) .directive('timelinePost', function($compile){ var timelineV2 = "<time class='cbp_tmtime'>\n\ <span>{{content.publishedDate}}</span>\n\ <span>{{content.publishedMonth}}</span>\n\ </time><i class='cbp_tmicon rounded-x hidden-xs'></i>\n\ <div class='cbp_tmlabel'>\n\ <h2>{{content.displayName}}</h2>\n\ <div class='row'>\n\ <div class='col-md-4'>\n\ <a href='' target='_blank'><img class='img-responsive' src='{{content.imageSrc}}' alt='' /></a>\n\ <div class='md-margin-bottom-20'></div>\n\ </div>\n\ <div class='col-md-8'>\n\ <p>{{content.content}}</p>\n\ </div>\n\ </div>\n\ </div>"; var getTemplate = function(type){ var template = ''; switch(type){ case 'googleplus': template = timelineV2; break; case 'facebook': template = timelineV2; } return template; }; var linker = function(scope, element, attrs){ scope.$watch('networkCalled', function(value){ if(value){ element.html(getTemplate(value)); $compile(element.contents())(scope); } }); }; return { restrict: "A", replace: true, link: linker, scope: { content: '=', networkCalled: '=' } } })