Как получить текст внутри тега директивы AngularJS?

Question

[nfuture]

Здравствуйте.

Никак не выходит получить текст внутри тега-директивы.
Есть код html

<div data-keditor>Lorem ipsum dolor sit amet...</div>

Код директивы:

myapp.directive("keditor", function () {
    return {
        template: '<textarea rows="10" cols="30" style="height:200px;" ></textarea>',
        replace: true,
        scope: {},
        link: function(scope, element, attributes) {	
               console.log("где-то здесь нужно вернуть текст 'Lorem ipsum dolor sit amet...'");

               // замена происходит правильно
		element.text("test");

        }
    }
});

Нужно получить текст Lorem ipsum dolor sit amet... , а потом записать element.text(/* text*/); в textarea

Answer 1

[Сергей Протько]

почему-бы не сделать так?

myapp.directive("keditor", function () {
    return {
        template:  function (el, attr) {
            return '<textarea rows="10" cols="30" style="height:200px;" >'+el.text()+'</textarea>';
        },
        replace: true,
        scope: {},
        link: function(scope, element, attributes) {	
               console.log("где-то здесь нужно вернуть текст 'Lorem ipsum dolor sit amet...'");

               // замена происходит правильно
		element.text("test");

        }
    }
});

В ином случае нужно обращаться к элементу на этапе compile.

Comments

[nfuture]

Появилась ошибка Error: Template must have exactly one root element. was: function (el, attr) { return ''+el.text()+''; } после добавления template: function (el, attr) ...

[Сергей Протько]

ну так оберните текст в span хотя бы, что бы это дело стало dom нодой.

[nfuture]

Что то всё равно не работает, обёртывание не помогает. {span}{textarea rows="10" cols="30" style="height:200px;" }'+el.text()+'{/textarea}{/span} и {textarea rows="10" cols="30" style="height:200px;" }{span}'+el.text()+'{/span}{/textarea} выдаёт туже ошибку.

[Сергей Протько]

plnkr.co - создайте пример и опишите задачу... ибо как-то сумбурно...