Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Вывод чистого html кода (https://javascript.ru/forum/angular/50275-vyvod-chistogo-html-koda.html)

Jekins 19.09.2014 15:50

Вывод чистого html кода
 
Доброго времени суток.
Ситуация такая:
В отдельном блоке, с помощью формы и инпутов я генерю масcив с данными для ссылок([{link: 'test-1.html', name: 'Название 1'},{link: 'test-2.html', name: 'Название 2'}]; и т.д. по нажатию на кнопку добавляю в массив). Ниже, в другом блоке я визуализирую этот массив в рабочие ссылки с помощью ng-repeat. Ок, с этим думаю всё просто и понятно.

Проблема вот в чём: ещё ниже, мне необходимо выводить исходный html код, который получается результате визуализации. Что-бы показывать именно html, вывожу его внутри textarea, но столкунсля с проблемой того, что ng-repeat не отрабатывает внутри textarea, а выводится как и html. Я понимаю, что textarea не совсем предназначен для этого, но не знаю, как справится с этой проблемой.

Как посоветуете выводить получившийся в результате манипуляций с формой html код?
Рабочий прототип в котором видна проблема вывода html в textarea: http://jsfiddle.net/HB7LU/6553/

Tek 19.09.2014 16:03

Можно вот так http://jsfiddle.net/HB7LU/6550/

Jekins 19.09.2014 16:25

Вот мой рабочий прототип с этой проблемой: http://jsfiddle.net/HB7LU/6553/

nerv_ 20.09.2014 10:26

.directive('ngBindHtmlUnsafe', function() {
    return {
        link: function(scope, element, attributes) {
            function handler(html) {element.html(html);}
            element.bind('$destroy', scope.$watch(attributes.ngBindHtmlUnsafe, handler));
        }
    };
})


Часовой пояс GMT +3, время: 09:54.